feat: allow theme changes via env

.dockerignore

@@ -5,4 +5,5 @@ docker-compose*
 .git
 .gitignore
 README.md
-.vscode
+.vscode
+.env

.env.example

@@ -0,0 +1 @@
+ VITE_SPECIAL_DAY=default # songkran | valentine | christmas | halloween | default

.gitignore

@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+.env
 
 # Editor directories and files
 .vscode/*

Dockerfile

@@ -6,6 +6,7 @@ RUN corepack enable
 
 WORKDIR /app
 COPY package*.json ./
+COPY pnpm-lock.yaml ./
 RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install
 COPY . .
 RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm build

docker-compose.yaml

@@ -6,6 +6,9 @@ services:
     image: el-player-app
     pull_policy: build
     restart: always
+    # Load environment variables from Portainer stack configuration
+    env_file:
+      - stack.env
     labels:
       # Traefik configuration discovery
       # https://doc.traefik.io/traefik/providers/docker/#routing-configuration-with-labels
@@ -21,4 +24,4 @@ services:
       resources:
         limits:
           cpus: '2'
-          memory: 1G
+          memory: 300M

package.json

@@ -9,26 +9,26 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@heroicons/vue": "^2.1.1",
-    "@tailwindcss/forms": "^0.5.7",
+    "@heroicons/vue": "^2.2.0",
+    "@tailwindcss/forms": "^0.5.9",
     "video.js": "~8.3.0",
-    "videojs-hotkeys": "^0.2.28",
+    "videojs-hotkeys": "^0.2.30",
     "videojs-overlay": "^3.1.0",
     "videojs-youtube": "^3.0.1",
-    "vue": "^3.4.21"
+    "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@types/video.js": "^7.3.57",
-    "@vitejs/plugin-vue": "^4.6.2",
-    "autoprefixer": "^10.4.18",
-    "eslint": "^8.57.0",
-    "eslint-plugin-vue": "^9.22.0",
-    "postcss": "^8.4.35",
-    "prettier": "^3.3.2",
-    "prettier-plugin-tailwindcss": "^0.6.5",
-    "tailwindcss": "^3.4.1",
+    "@types/video.js": "^7.3.58",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "autoprefixer": "^10.4.20",
+    "dotenv": "^16.4.7",
+    "eslint": "^9.17.0",
+    "eslint-plugin-vue": "^9.32.0",
+    "postcss": "^8.4.49",
+    "prettier": "^3.4.2",
+    "tailwindcss": "^3.4.17",
     "typescript": "^4.9.5",
-    "vite": "^4.5.2",
+    "vite": "^6.0.7",
     "vite-plugin-checker": "^0.6.4",
     "vue-tsc": "^1.8.27"
   }