Vue.js で javascript を typescript に変換する方法

Question

前提・実現したいこと

現在、Vuetify で snackbar の表示機能の実装をしています。
画面表示したときに snackbar を表示するとこの実装はできたのですが、javasprict の形式で実装しました。
これをtypescriot の書き方に変更したのですが、調べてもコードの書き方が分からない状況です。

現在のコード

<template>
  <div>
    <template>
      <div class="text-center ma-2">
        <v-snackbar v-model="snackbar" :top="true">
          {{ text }}
          <v-btn color="pink" text @click="snackbar = false">Close</v-btn>
        </v-snackbar>
      </div>
    </template>
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: "表示されたよ！",
      snackbar: false
    };
  },
  created() {
    this.show();
  },

  methods: {
    show: function() {
      this.snackbar = true;
    }
  }
};
</script>

javascript → typescript の書き方を教えていただきたです。
よろしくお願いします。

追記

自力で解決できました！

Comments

[yambejp]

自己解決したら自分でレスつけてクローズしちゃってください

Answer 1

javascript → typescript 自己解決できました。