feat: server.info.vueをscript setupに変更 #122

TeamBlackCrystal · Aug 16, 2022 · 40601af · 40601af
1 parent 7e3083c
commit 40601af
Showing 1 changed file with 17 additions and 14 deletions.
diff --git a/src/client/app/common/views/widgets/server.info.vue b/src/client/app/common/views/widgets/server.info.vue
@@ -1,20 +1,23 @@
 <template>
-<div class="info">
-	<p>Maintainer: <b><a :href="'mailto:' + meta.maintainerEmail" target="_blank">{{ meta.maintainerName }}</a></b></p>
-	<p>Machine: {{ meta.machine }}</p>
-	<p>Node: {{ meta.node }}</p>
-	<p>PSQL: {{ meta.psql }}</p>
-	<p>Redis: {{ meta.redis }}</p>
-	<p>Version: {{ meta.version }} </p>
-</div>
+	<div class="info">
+		<p>
+			Maintainer:
+			<b
+				><a :href="'mailto:' + meta.maintainerEmail" target="_blank">{{
+					meta.maintainerName
+				}}</a></b
+			>
+		</p>
+		<p>Machine: {{ meta.machine }}</p>
+		<p>Node: {{ meta.node }}</p>
+		<p>PSQL: {{ meta.psql }}</p>
+		<p>Redis: {{ meta.redis }}</p>
+		<p>Version: {{ meta.version }}</p>
+	</div>
 </template>
 
-<script lang="ts">
-import Vue from 'vue';
-
-export default Vue.extend({
-	props: ['meta']
-});
+<script setup lang="ts">
+const {meta} = defineProps({ meta: { type: Object } });
 </script>
 
 <style lang="stylus" scoped>