Vue3.0 Vuex 点击++及修改文本 功能实现

vuex.vue 文件

<template>
    <div>
        <button @click="actionsCount(3)">+</button>
        <div>{
  {getCount()}}</div>

        <input type="text" v-model="txt">
        <button @click="actionsStr(txt)">修改</button>
        <div>{
  {getStr()}}</div>
    </div>
</template>
<script>
import { defineComponent } from 'vue'
import {mapActions,mapGetters} from 'vuex'
export default defineComponent({
  setup() {
      return{
        ...mapActions(['actionsCount','actionsStr']),
        ...mapGetters(['getCount','getStr']),
      }
  },
})
</script>

store文件夹中index.ts

import { createStore } from "vuex";

export default createStore({
    state:{
        count:0,
        str:'123',
    },
    mutations:{
      setCount(sta