import { defineComponent } from 'vue';
//<---+import--->
import useCounterStore from '@/store/counterStore';
//<---+importStyles--->

export default defineComponent({
  setup() {
    const store = useCounterStore();
    //<---+useI18nInject--->

    return () => (
      <p>
        <h2>{store.count}</h2>
        <button class={styles.button} onClick={store.increment}>
          <!---=addReplace||增加--->
        </button>
        <button class={styles.button} onClick={store.decrement}>
          <!---=subReplace||减少--->
        </button>
        <button class={styles.button} onClick={store.reset}>
          <!---=resetReplace||重置--->
        </button>
      </p>
    );
  },
});