<template>
  <a-card>
    <div>
      {{commonStore.count}}
      {{commonStore.state.sum}}
      {{commonStore.gettersSum}}
      {{commonStore.state.hero.age}}
    </div>

    <a-button @click="commonStore.increment()" >increment</a-button>
    <a-button @click="commonStore.subtraction()" >subtraction</a-button>
  </a-card>
</template>

<script lang="ts" setup >

import { useCommonStore } from '@/store/modules/commonStore/commonStore'

console.log(useCommonStore)

const commonStore = useCommonStore()

</script>
