updating base url syntax and dockerfile usage

.env.development

@@ -1 +1,2 @@
 VITE_API_URL=http://localhost:8000
+VITE_BASE_URL=/

.env.production

@@ -1 +1,2 @@
 VITE_API_URL=https://api.sdss.org/valis
+VITE_BASE_URL=/zora/

Dockerfile

@@ -14,7 +14,10 @@ RUN npm install
 COPY ./ .
 
 # Copy the custom .env.docker file
-COPY .env.docker .env.production
+COPY .env.production .env.production
+
+# set the base URL environment variable
+ENV BASE_URL=zora
 
 # Build the Vue.js app
 RUN npm run build
@@ -25,4 +28,4 @@ LABEL org.opencontainers.image.description "zora production image"
 
 # Copy the files to mountable directory
 RUN mkdir -p /app/html
-CMD ["cp", "-r", "/app/dist/.", "/app/html"]
+CMD ["cp", "-r", "/app/dist/.", "/app/html"]

package.json

@@ -2,6 +2,7 @@
   "name": "zora",
   "version": "0.0.0",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",

src/router/index.ts

@@ -39,7 +39,7 @@ const routes = [
 ]
 
 const router = createRouter({
-  history: createWebHistory(process.env.BASE_URL),
+  history: createWebHistory(import.meta.env.VITE_BASE_URL),
   routes
 })
 

tsconfig.app.json

@@ -1,21 +1,22 @@
 {
   "compilerOptions": {
     "baseUrl": ".",
-    "target": "esnext",
+    "target": "ESNext",
     "useDefineForClassFields": true,
     "allowSyntheticDefaultImports": true,
     "composite": true,
-    "module": "esnext",
+    "module": "ESNext",
     "moduleResolution": "node",
     "strict": true,
     "jsx": "preserve",
     "sourceMap": false,
     "resolveJsonModule": true,
     "esModuleInterop": true,
-    "lib": ["esnext", "dom"],
+    "lib": ["ESNext", "DOM"],
     "types": [
-      "node",
-      "vuetify"
+      "@types/node",
+      "vuetify",
+      "vite/client",
     ],
     "paths": {
       "@/*": ["src/*"]

vite.config.ts

@@ -35,8 +35,8 @@ export default defineConfig({
       '.vue',
     ],
   },
+  base: process.env.BASE_URL || "/",
   server: {
-    base: "/",
     port: 3000,
     host: "0.0.0.0"
   },