feat: get package.json version from npm builtin environment variable

.env

@@ -0,0 +1 @@
+VITE_APP_VERSION=$npm_package_version

src/pages/Config.tsx

@@ -497,7 +497,7 @@ const Versions: Component<{ backendVersion: Accessor<string> }> = ({
 
   return (
     <div class="grid grid-cols-2 gap-4">
-      <kbd class="kbd">{import.meta.env.version}</kbd>
+      <kbd class="kbd">{import.meta.env.VITE_APP_VERSION}</kbd>
 
       <div class="relative">
         <Show when={isUpdateAvailable()}>

src/vite-env.d.ts

@@ -1,5 +1,5 @@
 interface ImportMetaEnv {
-  readonly version: string
+  readonly VITE_APP_VERSION: string
 }
 
 interface ImportMeta {

vite.config.ts

@@ -1,18 +1,13 @@
 import { defineConfig, splitVendorChunkPlugin } from 'vite'
 import { VitePWA } from 'vite-plugin-pwa'
 import solidPlugin from 'vite-plugin-solid'
-import pkgJSON from './package.json'
 
 export default defineConfig({
   base: './',
   build: { chunkSizeWarningLimit: 1000 },
   resolve: { alias: { '~': '/src' } },
-  define: {
-    'import.meta.env.version': JSON.stringify(pkgJSON.version),
-  },
   plugins: [
     solidPlugin(),
-
     splitVendorChunkPlugin(),
 
     VitePWA({