harnessjs.org

What It Is

Harness-Vue is a state management tool designed for Vue dashboard scenarios, with the tagline “Dashboard state management made easy.” Its core goal is not to replace all state management, but to abstract the recurring patterns found in data dashboards—page definitions, chart state, filter state, and data-loading workflows—to reduce boilerplate code. The page clearly states that it is built on top of Pinia and has been used in multiple RTI projects.

Core Capabilities

Through page definitions, it lets developers “define a page once” and centralize the logic for charts and filters, avoiding repetitive state handling inside components. The API layer provides many pageStore methods, such as getFilter, setFilter, getOptionsForFilter, isFilterDirty, areFiltersDirty, isFilterValid, as well as methods for enabling, disabling, hiding, and showing filter options. This indicates fairly detailed coverage of filter interactions, default values, dirty state, validation, and option management. The loadData lifecycle is used to apply filters, call APIs, process data, and prepare it for display, reducing the burden of directly managing reactive state.

Pricing and Openness

The crawled page does not show any pricing, commercial plans, or payment methods. It provides a “View on GitHub” link, but the main text does not explicitly state a license, so we can only determine that the project is viewable on GitHub and cannot further confirm its open-source license. As a frontend library, it does not appear to have SaaS hosting characteristics, and no self-hosting deployment instructions were found.

Pros and Cons

Its strengths are its clear positioning, making it especially suitable for Vue dashboard projects with complex charts, filters, caching, and page-loading flows. Being based on Pinia also lowers the learning curve for Vue teams. The documentation structure appears fairly complete, covering Getting Started, Page Definitions, Lifecycle, Charts, Filters, Store API, and a migration guide. The downside is insufficient disclosure: key decision-making information such as the license, installation and distribution channels, version compatibility, maintainers, community activity, and support channels is missing. It is also relatively vertical in scope and may introduce excessive abstraction for ordinary form pages or simple applications.

Who It’s For and Access from China

It is suitable for Vue developers building BI reports, admin dashboards, and chart-linked pages, especially teams that need a unified filter and data-loading lifecycle. The main text does not provide information about access from China; the domain and GitHub-related resources may be affected by network conditions, so the conclusion is unknown. Alternatives include using Pinia/Vuex directly, building custom composable state management, TanStack Query, or VueUse.