useCounter.ts 444 B

12345678910111213141516
  1. import { ref } from 'vue';
  2. export function useCounter(initialValue = 0) {
  3. const count = ref(initialValue);
  4. const inc = (delta = 1) => (count.value += delta);
  5. const dec = (delta = 1) => (count.value -= delta);
  6. const get = () => count.value;
  7. const set = (val: number) => (count.value = val);
  8. const reset = (val = initialValue) => {
  9. initialValue = val;
  10. return set(val);
  11. };
  12. return { count, inc, dec, get, set, reset };
  13. }