@coaction/vue

@coaction/vue

English documentation · 中文文档

A Coaction integration tool for Vue

Installation

Install it with pnpm:

pnpm add coaction @coaction/vue

Usage

import { create } from '@coaction/vue';

const useStore = create((set) => ({
  count: 0,
  increment() {
    set((draft) => {
      draft.count += 1;
    });
  }
}));

export default {
  setup() {
    const state = useStore();
    const count = useStore((current) => current.count);
    return {
      state,
      count
    };
  }
};

Use autoSelector to receive computed refs for each field:

const selectors = useStore({ autoSelector: true });
selectors.increment();
console.log(selectors.count.value);

Documentation

You can find the documentation here.