use vuex with composition API

2021-09-06_composition-19-vuex-starting-project/src/components/ControlCenter.vue

@@ -3,11 +3,16 @@
 </template>
 
 <script>
+import { useStore } from 'vuex';
 export default {
   setup() {
-    function inc() {}
+    const store = useStore();
+
+    function inc() {
+      store.dispatch('increment');
+    }
 
     return { inc };
-  },
+  }
 };
-</script>
+</script>

2021-09-06_composition-19-vuex-starting-project/src/components/TheCounter.vue

@@ -3,11 +3,17 @@
 </template>
 
 <script>
+import { computed } from 'vue';
+import { useStore } from 'vuex';
+
 export default {
   setup() {
-    const counter = 0;
+    const store = useStore();
+    const counter = computed(function() {
+      return store.getters.counter;
+    });
 
     return { counter };
-  },
+  }
 };
-</script>
+</script>