Use package.json fields in title/desc tags

Trinovantes · Jun 24, 2024 · d9d4033 · d9d4033
1 parent a4aa11e
commit d9d4033
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/demo/index.html b/demo/index.html
@@ -3,7 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>RST Compiler</title>
+    <title>%PROJECT_TITLE%</title>
+    <meta name="description" content="%PROJECT_DESC%">
 </head>
 <body>
     <div id="app"></div>

diff --git a/vite.config.demo.ts b/vite.config.demo.ts
@@ -3,6 +3,7 @@ import vue from '@vitejs/plugin-vue'
 import path from 'node:path'
 import { quasar, transformAssetUrls } from '@quasar/vite-plugin'
 import { commonConfig } from './vite.config.js'
+import packageJson from './package.json'
 
 export default mergeConfig(commonConfig, defineConfig({
     root: path.resolve(__dirname, './demo'),
@@ -12,6 +13,11 @@ export default mergeConfig(commonConfig, defineConfig({
         port: 8080,
     },
 
+    define: {
+        'import.meta.env.PROJECT_TITLE': JSON.stringify(packageJson.name),
+        'import.meta.env.PROJECT_DESC': JSON.stringify(packageJson.description),
+    },
+
     plugins: [
         vue({
             template: {