Update configuration. Add project name var to index title

wbbaker · Jul 15, 2022 · 4872836 · 4872836
1 parent e653ea3
commit 4872836
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>TaxonWorks public page. (Vite prototype)</title>
+    <title><%- project_name %></title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/src/components/Autocomplete/Autocomplete.vue b/src/components/Autocomplete/Autocomplete.vue
@@ -41,7 +41,7 @@
         dark:text-white
         dark:border-slate-700
         border-gray-300
-        dark:placeholder:text-white
+        dark:placeholder:text-slate-400
         focus:ring-primary-500
         focus:border-primary-500"
       :placeholder="placeholder"

diff --git a/src/plugins/htmlPlugin.js b/src/plugins/htmlPlugin.js
@@ -0,0 +1,11 @@
+export default (data) => ({
+  name: 'html-transform',
+  transformIndexHtml: {
+    enforce: 'pre',
+    transform: (html) => {
+      return html.replace(/<%-(.*?)%>/g, (_, p1) =>
+        data[p1.trim()] || ''
+      )
+    }
+  }
+})
diff --git a/vite.config.js b/vite.config.js
@@ -1,18 +1,18 @@
 import { defineConfig, loadEnv } from 'vite'
 import { loadConfiguration } from './src/utils/loadConfiguration.js'
+import path from 'path'
+import htmlPlugin from './src/plugins/htmlPlugin.js'
 import Vue from '@vitejs/plugin-vue'
 import Markdown from 'vite-plugin-md'
-import path from 'path'
 import Pages from 'vite-plugin-pages'
-import Content from '@originjs/vite-plugin-content'
 
-export default ({ mode }) => {
-  const { VITE_BASE_URL } = loadEnv(mode, process.cwd())
+export default () => {
+  const configuration = loadConfiguration(__dirname)
 
   return defineConfig({
-    base: VITE_BASE_URL,
+    base: configuration.base_url,
     define: {
-     __APP_ENV__: loadConfiguration(__dirname),
+     __APP_ENV__: configuration,
      __APP_PATH__: () => __dirname
     },
     resolve: {
@@ -24,7 +24,6 @@ export default ({ mode }) => {
       Vue({
         include: [/\.vue$/, /\.md$/]
       }),
-      Content(),
       Markdown(),
       Pages({
         dirs: 'pages',
@@ -37,7 +36,8 @@ export default ({ mode }) => {
             return route
           }
         }
-      })
+      }),
+      htmlPlugin(configuration)
     ],
   })
 }