fix: arch-02 make type file

components/SystemMetricsChart.vue

@@ -74,19 +74,10 @@
 
 <script setup lang="ts">
 import {computed, ref, watch} from "vue"
+import { SystemMetrics } from "~/types/system";
 
 type MetricKey = "cpu" | "ram" | "incoming" | "outgoing"
 
-type SystemMetrics = {
-  cpuPercent: number
-  memoryPercent: number
-  totalMemory: number
-  usedMemory: number
-  incomingMbps: number
-  outgoingMbps: number
-  sampledAt: string
-}
-
 type HistoryPoint = {
   sampledAt: string
   cpu: number

components/SystemResources.vue

@@ -46,16 +46,7 @@
 
 <script setup lang="ts">
 import {computed} from "vue"
-
+import { SystemMetrics } from "~/types/system";
-type SystemMetrics = {
-  cpuPercent: number
-  memoryPercent: number
-  totalMemory: number
-  usedMemory: number
-  incomingMbps: number
-  outgoingMbps: number
-  sampledAt: string
-}
 
 const props = defineProps<{
   metrics: SystemMetrics | null

pages/index.vue

@@ -64,6 +64,8 @@
 <script setup lang="ts">
 import {computed, onMounted, ref} from "vue"
 import { apiFetch } from "~/composables/useApiAuth"
+import { SystemMetrics } from "~/types/system";
+
 definePageMeta({layout: false})
 
 type DiskSourceResult = {
@@ -90,16 +92,6 @@ type DiagramItem = {
   totalText: string
 }
 
-type SystemMetrics = {
-  cpuPercent: number
-  memoryPercent: number
-  totalMemory: number
-  usedMemory: number
-  incomingMbps: number
-  outgoingMbps: number
-  sampledAt: string
-}
-
 const rawResults = ref<DiskSourceResult[]>([])
 const loading = ref(false)
 const systemMetrics = ref<SystemMetrics | null>(null)

types/system.ts

@@ -0,0 +1,9 @@
+export type SystemMetrics = {
+    cpuPercent: number
+    memoryPercent: number
+    totalMemory: number
+    usedMemory: number
+    incomingMbps: number
+    outgoingMbps: number
+    sampledAt: string
+}