Vuex側の変更をDOM側に反映する方法

Question

Vuex側で状態を管理し、Componentの挙動を変えるという実装をしたいと思っていますが、実現できず、有識者の方にアドバイス頂きたいです。

1. Vuex側から状態を取得
2. <TestComponent :status="vuexStatus"> のように状態を渡したい。

下記のように実装したのですが、コンポーネント側に状態が渡らない状態です。

console.logでVuexの中身を確認したところ、状態自体は更新されているようなのですが、DOM側に状態が反映されませんでした（下記のコードで確認しました）

// page/sample.vue　の内容

(省略)

{{ statusSample }}


(省略)

@TestStatus.Getter statusSample

環境は　TypeScript + Nuxt.js で、Vuexとの連携はvuex-classで実装しています。

そもそも根本的に間違っている可能性も高く、初歩的な質問になっているかもしれませんが、ご教示いただけると助かります。

Answer 1

@Componentアノテーションのつけ忘れでした。

@Component
export default class extends Vue {
省略
}

で意図した動作になりました。