diff --git a/electron.vite.config.ts b/electron.vite.config.ts
index 897eead..d516a56 100644
--- a/electron.vite.config.ts
+++ b/electron.vite.config.ts
@@ -1,6 +1,9 @@
 import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
 import vue from '@vitejs/plugin-vue'
 import { resolve } from 'path'
+import { readFileSync } from 'fs'
+
+const pkg = JSON.parse(readFileSync(resolve(__dirname, 'package.json'), 'utf-8'))
 
 export default defineConfig({
   main: {
@@ -17,6 +20,9 @@ export default defineConfig({
       },
     },
     plugins: [vue()],
+    define: {
+      __APP_VERSION__: JSON.stringify(pkg.version),
+    },
     server: {
       port: 5173,
     },
diff --git a/src/renderer/src/components/layout/StatusBar.vue b/src/renderer/src/components/layout/StatusBar.vue
index 624de4c..b1aa679 100644
--- a/src/renderer/src/components/layout/StatusBar.vue
+++ b/src/renderer/src/components/layout/StatusBar.vue
@@ -2,7 +2,6 @@
 import { computed } from 'vue'
 import { useConnectionStore } from '@renderer/stores/connection'
 import { useI18n } from '@renderer/i18n'
-import { version } from '../../../../package.json'
 
 const connStore = useConnectionStore()
 const { t } = useI18n()
@@ -31,7 +30,7 @@ const statusClass = computed(() => {
       <span class="status-dot" :class="statusClass" />
       {{ statusText }}
     </span>
-    <span class="statusbar-right">JRedisDesktop v{{ version }}</span>
+    <span class="statusbar-right">JRedisDesktop v{{ __APP_VERSION__ }}</span>
   </footer>
 </template>
 
diff --git a/src/renderer/src/env.d.ts b/src/renderer/src/env.d.ts
index 0ef93b8..18db0ec 100644
--- a/src/renderer/src/env.d.ts
+++ b/src/renderer/src/env.d.ts
@@ -1,5 +1,7 @@
 /// <reference types="vite/client" />
 
+declare const __APP_VERSION__: string
+
 declare module '*.css' {
   const content: string
   export default content