From 2bbb905ac83a1d97e2bf28be6c5591d090f5b50b Mon Sep 17 00:00:00 2001
From: ccbikai <ccbikai@gmail.com>
Date: Tue, 20 May 2025 21:46:49 +0800
Subject: [PATCH] perf: optimize dashboard components and lazy loading

Enhances dashboard performance through strategic component optimizations:

- Removes redundant v-if condition from chart component
- Implements lazy loading for the resource-intensive globe component
- Bumps package version to 0.1.12

These changes improve initial load time and runtime performance while maintaining functionality.
---
 app/components/dashboard/analysis/Views.vue | 1 -
 app/components/dashboard/realtime/Index.vue | 2 +-
 package.json                                | 2 +-
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/app/components/dashboard/analysis/Views.vue b/app/components/dashboard/analysis/Views.vue
index 095cb47..21f42c5 100644
--- a/app/components/dashboard/analysis/Views.vue
+++ b/app/components/dashboard/analysis/Views.vue
@@ -77,7 +77,6 @@ function formatTime(tick) {
     </CardTitle>
     <component
       :is="chart"
-      v-if="views.length"
       class="w-full h-full"
       index="time"
       :data="views"
diff --git a/app/components/dashboard/realtime/Index.vue b/app/components/dashboard/realtime/Index.vue
index ecf1287..75e6aba 100644
--- a/app/components/dashboard/realtime/Index.vue
+++ b/app/components/dashboard/realtime/Index.vue
@@ -63,7 +63,7 @@ onBeforeMount(() => {
     </div>
     <div class="relative space-y-4">
       <DashboardRealtimeChart class="md:absolute top-0 left-0 z-10" />
-      <DashboardRealtimeGlobe />
+      <LazyDashboardRealtimeGlobe />
       <DashboardRealtimeLogs class="md:absolute top-0 right-0 h-full z-10" />
     </div>
   </main>
diff --git a/package.json b/package.json
index bcef1cf..5dcdbd0 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "sink",
   "type": "module",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "private": true,
   "packageManager": "pnpm@9.15.1",
   "engines": {