vuetify TypeScriptのバリデーション

Question

newでインスタンス化せず、staticで呼び出す記述方法にしたいです。
恐れ入りますが、ご教示いただけますと幸いです。

.ts
Vue.config.devtools = true;

new Vue({
el: '#app',
vuetify: new Vuetify(),
data: {
// 各テキストボックスの値
text1: "",
text2: "",
text3: "",

// 送信が成功したかどうかのフラグ
success: false,

// 入力規則
required: value => !!value || "必ず入力してください", // 入力必須の制約
limit_length: value => value.length <= 10 || "10文字以内で入力してください" // 文字数の制約

},
methods: {
// 送信を試みるメソッド（「送信する」がクリックされたときに呼ばれる）
submit() {
if (this.$refs.test_form.validate()) {
// すべてのバリデーションが通過したときのみ
// if文の中に入る
this.success = true;
} else {
this.success = false;
}
}
}
});

.vue
<template>

<div id="app"> <v-app> <v-card> <v-card-title>STEP2: フォーム</v-card-title> <v-card-text> <v-form ref="test_form"> <v-text-field v-model="text1" label="入力必須で文字数制限のあるテキストフィールド" :rules="[required, limit_length]" counter="10" > </v-text-field> <v-text-field v-model="text2" label="入力必須のみあるテキストフィールド" :rules="[required]" > </v-text-field> <v-text-field v-model="text3" label="なんの制約もないテキストフィールド" > </v-text-field> </v-form> </v-card-text> <v-divider></v-divider> <v-card-actions> <v-btn text v-on:click="submit">送信する</v-btn> <span v-if="success">送信成功！</span> </v-card-actions> </v-card> </v-app> </div> </template>