feat: display current version

package.json

@@ -1,7 +1,7 @@
 {
   "name": "metacubexd",
   "version": "1.58.0",
-  "description": "Clash-Meta Dashboard",
+  "description": "Clash.Meta Dashboard, The Official One, XD",
   "license": "MIT",
   "type": "module",
   "scripts": {

src/components/Header.tsx

@@ -156,11 +156,11 @@ export const Header = () => {
         </div>
 
         <a
-          class="text-xl font-bold normal-case"
+          class="whitespace-nowrap text-xl font-bold uppercase"
           href="https://github.com/metacubex/metacubexd"
           target="_blank"
         >
-          metacubexd
+          metacube, xd
         </a>
       </div>
 

src/pages/Config.tsx

@@ -340,6 +340,8 @@ export default () => {
       <DNSQueryForm />
       <ConfigForm />
       <ConfigForXd />
+
+      {import.meta.env.version}
     </div>
   )
 }

src/vite-env.d.ts

@@ -0,0 +1,7 @@
+interface ImportMetaEnv {
+  readonly version: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}

tsconfig.json

@@ -4,6 +4,7 @@
     "target": "ESNext",
     "module": "ESNext",
     "moduleResolution": "node",
+    "resolveJsonModule": true,
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
     "jsx": "preserve",

vite.config.ts

@@ -1,11 +1,15 @@
 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(),