feat: code-core.vueをscript setupに変更 #122

TeamBlackCrystal · Aug 16, 2022 · 5caba7d · 5caba7d
1 parent a09beb8
commit 5caba7d
Showing 1 changed file with 15 additions and 19 deletions.
diff --git a/src/client/app/common/views/components/code-core.vue b/src/client/app/common/views/components/code-core.vue
@@ -1,25 +1,21 @@
 <template>
-<code class="inline" v-if="inline">{{ code }}</code>
-<highlightjs v-else :language="lang" :code="code"/>
+	<code class="inline" v-if="inline">{{ code }}</code>
+	<highlightjs v-else :language="lang" :code="code" />
 </template>
 
-<script lang="ts">
-import Vue from 'vue';
-
-export default Vue.extend({
-	props: {
-		code: {
-			type: String,
-			required: true
-		},
-		lang: {
-			type: String,
-			required: false
-		},
-		inline: {
-			type: Boolean,
-			required: false
-		}
+<script setup lang="ts">
+const { code, lang, inline } = defineProps({
+	code: {
+		type: String,
+		required: true,
+	},
+	lang: {
+		type: String,
+		required: false,
+	},
+	inline: {
+		type: Boolean,
+		required: false,
 	},
 });
 </script>