feat: use setup stores in pinia example

Closes #94

diff --git a/template/config/pinia/src/stores/counter.js b/template/config/pinia/src/stores/counter.js
index 4a2d24278dea7ef3ae4b0395047502ec6dc20475..b6757ba5723c5b89b35d011b9558d025bbcde402 100644 (file)
--- a/template/config/pinia/src/stores/counter.js
+++ b/template/config/pinia/src/stores/counter.js
@@ -1,16 +1,12 @@
+import { ref, computed } from 'vue'
 import { defineStore } from 'pinia'
 
-export const useCounterStore = defineStore({
-  id: 'counter',
-  state: () => ({
-    counter: 0
-  }),
-  getters: {
-    doubleCount: (state) => state.counter * 2
-  },
-  actions: {
-    increment() {
-      this.counter++
-    }
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0)
+  const doubleCount = computed(() => count.value * 2)
+  function increment() {
+    count.value++
   }
+
+  return { count, doubleCount, increment }
 })