처음 nuxt.js/nuxt-property-decorator를 도입하는 방법

<template>
  <v-content>
    <v-row>
      <p>名前：{{name}}</p>
      <p>年齢：{{age}}</p>
      <p>出身地：{{country}}</p>
      <p>３倍の値は:{{triple}}</p>
    </v-row>
    <template>
      <button @click="onClickButton">このボタンを押してぴょん</button>
    </template>
  </v-content>
</template>

<script lang="ts">
import { Component, Vue } from "nuxt-property-decorator";

@Component
export default class index extends Vue {
  public name: string = "taro";
  public age: number = 24;
  public country: string = "日本";
  public score: number = 55;

  get triple() {
    return this.score * 3;
  }

  public onClickButton() {
    alert("よっしゃ！");
  }
}
</script>