script setup：ヘルプダイアログをscript setup化 (#1180)

* Migrate: ヘルプダイアログをscript setup化 * Delete: 不要な変数を削除
VOICEVOX · Feb 5, 2023 · 886243a · 886243a
1 parent 668a182
commit 886243a
Show file tree

Hide file tree

Showing 5 changed files with 219 additions and 283 deletions.
diff --git a/src/components/ContactInfo.vue b/src/components/ContactInfo.vue
@@ -4,26 +4,18 @@
   </q-page>
 </template>
 
-<script lang="ts">
-import { defineComponent, onMounted, ref } from "vue";
+<script setup lang="ts">
+import { onMounted, ref } from "vue";
 import { useStore } from "@/store";
 import { useMarkdownIt } from "@/plugins/markdownItPlugin";
 
-export default defineComponent({
-  setup() {
-    const store = useStore();
-    const contact = ref("");
+const store = useStore();
+const contact = ref("");
 
-    const md = useMarkdownIt();
+const md = useMarkdownIt();
 
-    onMounted(async () => {
-      contact.value = md.render(await store.dispatch("GET_CONTACT_TEXT"));
-    });
-
-    return {
-      contact,
-    };
-  },
+onMounted(async () => {
+  contact.value = md.render(await store.dispatch("GET_CONTACT_TEXT"));
 });
 </script>