diff --git a/.gitignore b/.gitignore
index 4033529..bead600 100644
--- a/.gitignore
+++ b/.gitignore
@@ -25,3 +25,4 @@ logs
 .wrangler
 site
 cache
+assets/location/world-topo.json
diff --git a/.node-version b/.node-version
index 9a2a0e2..07533ba 100644
--- a/.node-version
+++ b/.node-version
@@ -1 +1 @@
-v20
+v20.11
diff --git a/assets/location/world-topo.json b/assets/location/world.json
similarity index 100%
rename from assets/location/world-topo.json
rename to assets/location/world.json
diff --git a/components/dashboard/metrics/Index.vue b/components/dashboard/metrics/Index.vue
index 7937415..69a081e 100644
--- a/components/dashboard/metrics/Index.vue
+++ b/components/dashboard/metrics/Index.vue
@@ -1,6 +1,6 @@
 <template>
   <main class="grid gap-8 lg:grid-cols-12">
-    <DashboardMetricsLocations class="col-span-1 lg:col-span-8" />
+    <LazyDashboardMetricsLocations class="col-span-1 lg:col-span-8" />
     <DashboardMetricsGroup
       class="lg:col-span-4"
       :tabs="['country', 'region', 'city']"
diff --git a/components/dashboard/metrics/Locations.vue b/components/dashboard/metrics/Locations.vue
index 70b1637..4da8260 100644
--- a/components/dashboard/metrics/Locations.vue
+++ b/components/dashboard/metrics/Locations.vue
@@ -1,20 +1,8 @@
 <script setup>
 import { VisSingleContainer, VisTopoJSONMap, VisTopoJSONMapSelectors } from '@unovis/vue'
-import { WorldMapSimplestTopoJSON } from '@unovis/ts/maps'
 import WorldMapTopoJSON from '@/assets/location/world-topo.json' // https://github.com/apache/echarts/blob/master/test/data/map/json/world.json
 import { ChartTooltip } from '@/components/ui/chart'
 
-WorldMapTopoJSON.objects.states.geometries.map((state) => {
-  const name = state.properties.name
-  const country = WorldMapSimplestTopoJSON.objects.countries.geometries.find(country => country.properties.name === name)
-  state.id = state.name || ''
-  if (country) {
-    state.id = country.id || ''
-    state.properties = country.properties
-  }
-  return state
-})
-
 const id = inject('id')
 const startAt = inject('startAt')
 const endAt = inject('endAt')
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 585011a..7e6469b 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -5,7 +5,7 @@ import withNuxt from './.nuxt/eslint.config.mjs'
 export default withNuxt(
   // antfu(),
   {
-    ignores: ['components/ui'],
+    ignores: ['components/ui', 'scripts/build-map.js'],
   },
   {
     rules: {
diff --git a/package.json b/package.json
index 0cd6fbb..9eccaa8 100644
--- a/package.json
+++ b/package.json
@@ -7,15 +7,19 @@
   "scripts": {
     "dev": "nuxt dev",
     "build": "nuxt build",
+    "build:map": "node scripts/build-map.js",
     "preview": "wrangler pages dev dist",
     "deploy": "wrangler pages deploy dist",
-    "postinstall": "nuxt prepare",
+    "postinstall": "npm run build:map && nuxt prepare",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "typecheck": "nuxt typecheck",
     "wrangler": "wrangler",
     "lint-staged": "lint-staged"
   },
+  "engines": {
+    "node": ">=20.11.0"
+  },
   "dependencies": {
     "@unovis/ts": "^1.4.1",
     "@unovis/vue": "^1.4.1",
diff --git a/pages/dashboard/index.vue b/pages/dashboard/index.vue
index 348cb9d..f808fe0 100644
--- a/pages/dashboard/index.vue
+++ b/pages/dashboard/index.vue
@@ -5,6 +5,6 @@ provide('id', ref())
 <template>
   <main class="space-y-6">
     <DashboardBreadcrumb title="Analysis" />
-    <Dashboard />
+    <LazyDashboard />
   </main>
 </template>
diff --git a/pages/dashboard/login.vue b/pages/dashboard/login.vue
index 9494ee1..3ff6d31 100644
--- a/pages/dashboard/login.vue
+++ b/pages/dashboard/login.vue
@@ -1,5 +1,5 @@
 <template>
   <main class="flex items-center justify-center h-full">
-    <Login />
+    <LazyLogin />
   </main>
 </template>
diff --git a/scripts/build-map.js b/scripts/build-map.js
new file mode 100644
index 0000000..1cfacfd
--- /dev/null
+++ b/scripts/build-map.js
@@ -0,0 +1,17 @@
+import { writeFileSync } from 'fs'
+import { join } from 'path'
+import { WorldMapSimplestTopoJSON } from '@unovis/ts/maps.js'
+import WorldMapTopoJSON from '../assets/location/world.json' with { type: "json" } // https://github.com/apache/echarts/blob/master/test/data/map/json/world.json
+
+WorldMapTopoJSON.objects.states.geometries.map((state) => {
+  const name = state.properties.name
+  const country = WorldMapSimplestTopoJSON.objects.countries.geometries.find(country => country.properties.name === name)
+  state.id = state.name || ''
+  if (country) {
+    state.id = country.id || ''
+    state.properties = country.properties
+  }
+  return state
+})
+
+writeFileSync(join(import.meta.dirname, '../assets/location/world-topo.json'), JSON.stringify(WorldMapTopoJSON), 'utf8')