TypeScript Nuxt.js v-modelでフォームの値を取得したい

Question

<template>
  <section class="container">
    <h1>Todo App</h1>
    <p>
      <input type="text" name="content" v-model="content" />
    </p>
    <div>
      <button @click="insert">保存</button>
    </div>
    <ul>
      <li v-for="(todo, index) in this.$store.state.todo.todos" :key="index">
        <span>{{ todo.content }}</span>
        <button @click="remove(todo)">削除</button>
        <button @click="edit(index)">編集</button>
        <p>
          <input type="text" name="editForm" v-model="editForm" />
        </p>
      </li>
    </ul>
  </section>
</template>



<script lang="ts">
import { Component, Emit, Prop, Vue, Watch } from 'nuxt-property-decorator';
export default class index extends Vue {
  @Prop() public content!: string; ////public content: string = '';もやってみた

  @Prop() public editForm!: string;

  public insert(): void {
    this.$store.commit('insert', { content: this.content });//ここで受け取りたい
    //値を空にする
    this.content = '';
  }

  public remove(todo: any): void {
    return this.$store.commit('remove', todo);
  }

  public edit(index: any): void {
    this.$store.commit('edit', { editForm: this.editForm, index });
    this.editForm = '';
  }
}
</script>

v-model="content"を取得しようとするとCannot read property '$store' of nullといったエラーが発生してしまいます。
Typescriptを使って書きたいと思っているのですが、うまく行きません。
v-model="content"のみ上手くいかず、v-model="editForm"は正常に動きます。

・やってみたこと
0. get,setを使う
0. 下記のjsの書き方だと正常にv-modelの取得はできるが今回はTypescriptを使ったやり方をしたい

export default {
methods: {
    insert: function() {
      this.$store.commit('insert', {content: this.content});
      this.content = '';
    }
  }

ご不明な点があれば何なりとお申し付けください！
お力をお借りしたいです>< よろしくお願い致します！

Answer 1

<button @click="insert">保存</button>

を

<button @click="insert()">保存</button>

に変更したらできた