feat: add node Info and application version

src/components/CardParameter.vue

@@ -10,13 +10,13 @@ const props = defineProps({
 <template>
     <div class="bg-card px-4 pt-3 pb-4 rounded-sm mt-6" 
     v-if="props.cardItem?.items && props.cardItem?.items?.length > 0">
-            <div class="text-base mb-3 text-main">{{ props.cardItem?.title }}</div>
-            <div class="grid grid-cols-5 gap-4">
-                <div v-for="(item,index) of props.cardItem?.items" :key="index" class="rounded-sm bg-active px-4 py-2">
-                    <div class="text-xs mb-2 text-secondary">{{ item?.subtitle }}</div>
-                    <div class="text-base text-main">{{ item?.value }}</div>
-                    <!-- {{ item }} -->
-                </div>
+        <div class="text-base mb-3 text-main">{{ props.cardItem?.title }}</div>
+        <div class="grid grid-cols-5 gap-4">
+            <div v-for="(item,index) of props.cardItem?.items" :key="index" class="rounded-sm bg-active px-4 py-2">
+                <div class="text-xs mb-2 text-secondary">{{ item?.subtitle }}</div>
+                <div class="text-base text-main">{{ item?.value }}</div>
+                <!-- {{ item }} -->
             </div>
         </div>
+    </div>
 </template>

src/components/TableParameter.vue

@@ -0,0 +1,26 @@
+<script lang="ts" setup>
+import type { PropType } from 'vue';
+const props = defineProps({
+    tableItem: {
+        type: Object as PropType<{title: string;items: Object;}>,
+    },
+})
+
+function formatTitle (name: string){
+    return String(name).replaceAll('_', ' ')
+}
+
+</script>
+<template>
+    <div class="bg-card px-4 pt-3 pb-4 rounded-sm mt-6">
+        <div class="text-base mb-3 text-main">{{ props.tableItem?.title }}</div>
+        <div class="">
+                <div class="d-flex flex-nowrap" v-for="(item,index ) of props.tableItem?.items" :key="index">
+                    <div class="mr-6">{{ formatTitle(item?.subtitle) }}</div>
+                    <div class="flex-1" >{{ item?.value }}</div>
+                    <div>{{typeof(item?.value )}}</div>
+                    <!-- {{ item }} -->
+                </div>
+            </div>
+    </div>
+</template>