chore: fix build and reduce image size

.dockerignore

@@ -8,6 +8,7 @@
 !bun.lockb
 
 # UI files
+!vuetify.options.js
 !nuxt.config.js
 !pages/
 !assets/

Dockerfile

@@ -35,11 +35,11 @@ RUN npm run build
 RUN rm -rf ./node_modules/
 
 # Only production dependencies
-RUN npm prune --omit=dev && npm cache clean --force
+RUN npm ci --omit=dev && npm cache clean --force
 RUN rm -rf node_modules/.cache
 
 # Clean node_modules, one of the heaviest object in the universe
-RUN clean-modules --yes "**/*.d.ts" "**/@types/**" "!**/*.mustache"
+RUN clean-modules --yes "**/*.d.ts" "**/@types/**" "prettier/esm/*" "rxjs/src/**" "rxjs/bundles/**" "rxjs/_esm5/**" "rxjs/_esm2015/**" "!**/*.mustache"
 
 FROM node-base as app
 

nuxt.config.js

@@ -9,16 +9,6 @@ const DOMAIN = 'planningsup.app'
 const URL = 'https://' + DOMAIN
 const BANNER = `${URL}/banner.png`
 
-const themeColors = {
-  primary: '#1976d2',
-  accent: '#424242',
-  secondary: '#ff8f00',
-  info: '#26a69a',
-  warning: '#ffc107',
-  error: '#dd2c00',
-  success: '#00e676'
-}
-
 export default {
   telemetry: false,
   ssr: true,
@@ -232,14 +222,6 @@ export default {
     treeShake: true,
     defaultAssets: false,
     customVariables: ['~/assets/variables.scss'],
-    theme: {
-      dark: true,
-      options: { customProperties: true },
-      themes: {
-        dark: themeColors,
-        light: themeColors
-      }
-    },
     optionsPath: './vuetify.options.js'
   },
 

vuetify.options.js

@@ -1,7 +1,25 @@
 import { fr } from 'vuetify/lib/locale'
+import minifyTheme from 'minify-css-string'
+
+const themeColors = {
+  primary: '#1976d2',
+  accent: '#424242',
+  secondary: '#ff8f00',
+  info: '#26a69a',
+  warning: '#ffc107',
+  error: '#dd2c00',
+  success: '#00e676'
+}
 
 export default {
-  // theme: {},
+  theme: {
+    dark: true,
+    options: { customProperties: true, minifyTheme },
+    themes: {
+      dark: themeColors,
+      light: themeColors
+    }
+  },
   lang: {
     locales: { fr },
     current: 'fr'