72

Author: kossiecoder

src/composables/count.js

@@ -0,0 +1,9 @@
+import { reactive, toRefs } from 'vue'
+
+export const useCount = () => {
+    const state = reactive({
+        count: 0
+    });
+
+    return toRefs(state);
+}

src/pages/index.vue

@@ -1,10 +1,20 @@
 <template>
   <div>Home Page</div>
+  <div>{{ count }}</div>
+  <button @click="count++">Add</button>
 </template>
 
 <script>
+import { useCount } from '@/composables/count';
+
 export default {
+  setup() {
+    const { count } = useCount();
 
+    return {
+      count
+    }
+  }
 }
 </script>