gh-pages fix (#45)

* gh-pages fix

* Revert gh-page workflow back to push only

.github/workflows/gh-deploy.yml

@@ -24,7 +24,7 @@ jobs:
         run: |
           npm run build
       - name: deploy frontend to gh pages
-        uses: crazy-max/ghaction-github-pages@v4     # https://github.com/crazy-max/ghaction-github-pages
+        uses: crazy-max/ghaction-github-pages@v4 # https://github.com/crazy-max/ghaction-github-pages
         with:
           target_branch: gh-pages
           build_dir: dist

vite.config.mjs

@@ -1,40 +1,41 @@
-import { defineConfig, loadEnv } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
-import path from 'path'
-import autoprefixer from 'autoprefixer'
+import { defineConfig, loadEnv } from "vite"
+import vue from "@vitejs/plugin-vue"
+import { fileURLToPath } from "url"
+import path from "path"
+import autoprefixer from "autoprefixer"
 
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
 
 export default defineConfig(({ mode }) => {
-  const env = loadEnv(mode, process.cwd(), '')
+  const env = loadEnv(mode, process.cwd(), "")
 
   return {
     plugins: [vue()],
+    base: env.VITE_HOST_ADDRESS,
     resolve: {
       alias: {
-        '@': path.resolve(__dirname, 'src')
-      }
+        "@": path.resolve(__dirname, "src"),
+      },
     },
     css: {
       preprocessorOptions: {
         scss: {
           additionalData: `
             @use "@/assets/style-variables.scss" as *;
             $font-path: "${env.VITE_FONT_PATH}";
-            `
-        }
-      }
+            `,
+        },
+      },
     },
     define: {
-      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
+      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false,
     },
     postcss: {
-      plugins: [autoprefixer()]
+      plugins: [autoprefixer()],
     },
     server: {
-      port: 3000
-    }
+      port: 3000,
+    },
   }
 })