<template>
  <div>{{ name }} -- {{ showCount }}</div>
  <button @click="addBtn">addBtn</button>
</template>


<script setup lang="ts">
import {ref, computed} from 'vue'
import {useStore} from '@/store/index'

const store = useStore()
const showCount = computed(() => {
  return store.getters.getNum
})
const count = ref(showCount.value)

const name = ref('this is about')

const addBtn = () => {
  store.commit('setNum', ++count.value)
}


</script>

<style scoped lang="scss">
button{
  margin-top: 10px;
}
</style>