Fixed image loading issues in prod build.

bcgov · Oct 19, 2023 · 21c6a41 · 21c6a41
1 parent 26a734b
commit 21c6a41
Show file tree

Hide file tree

Showing 3 changed files with 142 additions and 462 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -24,6 +24,7 @@
     "rfdc": "^1.3.0",
     "sass": "^1.66.1",
     "sass-loader": "^13.3.2",
+    "vite-plugin-vuetify": "^1.0.2",
     "vue": "^3.3.4",
     "vue-meta": "^3.0.0-alpha.7",
     "vue-router": "^4.2.4",

diff --git a/frontend/vite.config.js b/frontend/vite.config.js
@@ -1,11 +1,17 @@
 import { URL, fileURLToPath } from 'node:url'
 import { defineConfig } from 'vite'
+import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
 
 import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [
+    vue({
+      template: { transformAssetUrls },
+    }),
+    vuetify(),
+  ],
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url)),