TypeScriptにおけるVuexのmutaions やactionsの書き方について

Question

Vuexを使用して変数を増やしたり減ったりさせるような簡単なアプリを作成し、
mutaionsやactionsの使い方について理解を深めたいと思いコードを作成してみました。
しかし、現状下記のようなエラーが出ており、期待した動作を得ることができませんでした。

unknown local mutation type: increment, global type: count/increment

Nuxt.jsを使用しており、まずpagesディレクトリに下記のようなコードを作成しました。

<template>
    <div>
        <h2>Counter</h2>
        <p>count:{{count}}</p>
        <v-btn color="primary" @click="increment">+</v-btn>
        <v-btn color="error" @click="decrement">-</v-btn>
    </div>
</template>
<script lang="ts">
import { Component, namespace, Vue } from 'nuxt-property-decorator'
const Count = namespace('count')

@Component({})
export default class extends Vue{
    @Count.State count:any
    @Count.Mutation increment!:Function
    @Count.Action decrement!:Function    
}
</script>

次にstoreディレクトリに下記のようなコードを作成しました。

interface State  {
    count:number
}
const state = () => ({
    count:0
})
const getters = {
    count:(state:State) => {
        return state.count
    }   
}
const mutaions = {
    setCount:(state:State,count:number)=>{
        state.count = count;
    }
}
const actions = {
    increment:({commit}:any,state:{count:number})=>{
        commit('setCount',state.count +1)
    },
    decrement:({commit}:any,state:{count:number})=>{
        commit('setCount',state.count-1)
    }
}
export default { state, getters, mutaions, actions}

どなたかご教示いただけませんでしょうか？

Comments

[DaikiOjima]

> 次にstoreディレクトリに下記のようなコードを作成しました。

こちらのファイル名と、もしこのファイルが配置されているstoreディレクトリに別のファイルが有ればそちらのファイル名と内容を追記いただけますでしょうか？