can use storeToRefs get action?

[zhanglolo]

counter.js

import { defineStore } from "pinia";

export const useCounterStore = defineStore("counter", {
  state: () => {
    return {
      counter: 0,
    };
  },
  actions: {
    increment() {
      this.counter++;
    },
  },
});

App.vue

<script setup>
import { storeToRefs } from "pinia";
import { useCounterStore } from "./counter.js";
const couterStore = useCounterStore();
const { counter, increment } = storeToRefs(couterStore);
console.log(counter); //ObjectRefImpl
console.log(increment); //undefined
</script>

<template>
  <button>{{ counter }}</button>
</template>

vue 3.2.29
pinia 2.0.1

Is it a limitation of pinia Or am I doing something wrong?
Any suggestions？ Need help and thanks.

[soc221b]

storeToRefs

methods and non reactive properties are completely ignored.

This behavior is similar to toRefs

---

Use this instead:

<script setup>
import { storeToRefs } from "pinia";
import { useCounterStore } from "./counter.js";
const couterStore = useCounterStore();
- const { counter, increment } = storeToRefs(couterStore);
+ const { counter } = storeToRefs(couterStore);
console.log(counter); //ObjectRefImpl
- console.log(increment); //undefined
+ console.log(couterStore.increment);
</script>

<template>
  <button>{{ counter }}</button>
</template>

[aSchaffe]

or use:
const { increment } = couterStore