chore(demo): revise page title

cloydlau · cloydlau · commit 7dd36928e49c · 2022-10-23T12:00:43.000+08:00
diff --git a/demo/vue2.6/vite.config.ts b/demo/vue2.6/vite.config.ts
@@ -2,6 +2,7 @@ import type { ConfigEnv, UserConfigExport } from 'vite'
 import { createVuePlugin } from 'vite-plugin-vue2'
 import ScriptSetup from 'unplugin-vue2-script-setup/vite'
 import AutoImport from 'unplugin-auto-import/vite'
+import { name } from '../../package.json'
 
 // https://vitejs.dev/config/
 export default ({ command }: ConfigEnv): UserConfigExport => {
@@ -33,7 +34,7 @@ export default ({ command }: ConfigEnv): UserConfigExport => {
       {
         name: 'html-transform',
         transformIndexHtml(html: string) {
-          return html.replace(/\{\{VUE_VERSION\}\}/g, '2.6')
+          return html.replace(/\{\{NAME\}\}/, name).replace(/\{\{VUE_VERSION\}\}/g, '2.6')
         },
       },
     ],
diff --git a/demo/vue2.7/vite.config.ts b/demo/vue2.7/vite.config.ts
@@ -1,6 +1,7 @@
 import type { ConfigEnv, UserConfigExport } from 'vite'
 import vue from '@vitejs/plugin-vue2'
 import AutoImport from 'unplugin-auto-import/vite'
+import { name } from '../../package.json'
 
 // https://vitejs.dev/config/
 export default ({ command }: ConfigEnv): UserConfigExport => {
@@ -31,7 +32,7 @@ export default ({ command }: ConfigEnv): UserConfigExport => {
       {
         name: 'html-transform',
         transformIndexHtml(html: string) {
-          return html.replace(/\{\{VUE_VERSION\}\}/g, '2.7')
+          return html.replace(/\{\{NAME\}\}/, name).replace(/\{\{VUE_VERSION\}\}/g, '2.7')
         },
       },
     ],
diff --git a/demo/vue3/vite.config.ts b/demo/vue3/vite.config.ts
@@ -1,6 +1,7 @@
 import type { ConfigEnv, UserConfigExport } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import AutoImport from 'unplugin-auto-import/vite'
+import { name } from '../../package.json'
 
 // https://vitejs.dev/config/
 export default ({ command }: ConfigEnv): UserConfigExport => {
@@ -26,7 +27,7 @@ export default ({ command }: ConfigEnv): UserConfigExport => {
       {
         name: 'html-transform',
         transformIndexHtml(html: string) {
-          return html.replace(/\{\{VUE_VERSION\}\}/g, '3')
+          return html.replace(/\{\{NAME\}\}/, name).replace(/\{\{VUE_VERSION\}\}/g, '3')
         },
       },
     ],
diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8" />
   <link rel="icon" href="/favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Vue {{VUE_VERSION}}</title>
+  <title>{{NAME}} + Vue {{VUE_VERSION}}</title>
 </head>
 
 <body>
