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.
This commit is contained in:
parent
1d28494d6b
commit
2bbb905ac8
3 changed files with 2 additions and 3 deletions
|
|
@ -77,7 +77,6 @@ function formatTime(tick) {
|
||||||
</CardTitle>
|
</CardTitle>
|
||||||
<component
|
<component
|
||||||
:is="chart"
|
:is="chart"
|
||||||
v-if="views.length"
|
|
||||||
class="w-full h-full"
|
class="w-full h-full"
|
||||||
index="time"
|
index="time"
|
||||||
:data="views"
|
:data="views"
|
||||||
|
|
|
||||||
|
|
@ -63,7 +63,7 @@ onBeforeMount(() => {
|
||||||
</div>
|
</div>
|
||||||
<div class="relative space-y-4">
|
<div class="relative space-y-4">
|
||||||
<DashboardRealtimeChart class="md:absolute top-0 left-0 z-10" />
|
<DashboardRealtimeChart class="md:absolute top-0 left-0 z-10" />
|
||||||
<DashboardRealtimeGlobe />
|
<LazyDashboardRealtimeGlobe />
|
||||||
<DashboardRealtimeLogs class="md:absolute top-0 right-0 h-full z-10" />
|
<DashboardRealtimeLogs class="md:absolute top-0 right-0 h-full z-10" />
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"name": "sink",
|
"name": "sink",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"version": "0.1.11",
|
"version": "0.1.12",
|
||||||
"private": true,
|
"private": true,
|
||||||
"packageManager": "pnpm@9.15.1",
|
"packageManager": "pnpm@9.15.1",
|
||||||
"engines": {
|
"engines": {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue