Added Vuetify

frontend/package.json

@@ -3,23 +3,29 @@
   "version": "0.0.0",
   "scripts": {
     "serve": "vue-cli-service serve",
-    "dev": "vite --port 8080 --host",
     "build": "vite build",
+    "dev": "vite --port 8080 --host",
     "preview": "vite preview --port 3003"
   },
   "dependencies": {
     "@ag-grid-community/core": "^28.2.0",
+    "@mdi/font": "5.9.55",
     "@vue/cli-service": "^5.0.8",
     "ag-grid-vue3": "^28.2.0",
     "core-js": "^3.25.1",
     "event-hooks-webpack-plugin": "^2.2.0",
     "pinia": "^2.0.21",
+    "roboto-fontface": "*",
     "single-spa-vue": "^2.5.1",
     "systemjs-webpack-interop": "^2.3.7",
-    "vue": "^3.2.39"
+    "vue": "^3.2.39",
+    "vuetify": "^3.0.0-beta.0",
+    "webfontloader": "^1.0.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^3.0.3",
-    "vite": "^3.0.9"
+    "vite": "^3.0.9",
+    "vue-cli-plugin-vuetify": "~2.5.8",
+    "webpack-plugin-vuetify": "^2.0.0-alpha.0"
   }
 }

frontend/src/main.js

@@ -1,11 +1,10 @@
 import { createApp } from 'vue'
-import { createPinia } from 'pinia'
 import App from './App.vue'
-
+import vuetify from './plugins/vuetify'
+import { loadFonts } from './plugins/webfontloader'
 import './assets/main.css'
+loadFonts()
 
-const app = createApp(App)
+createApp(App)
-
+  .use(vuetify)
-app.use(createPinia())
+  .mount('#app')
-
-app.mount('#app')

frontend/vite.config.js

@@ -18,4 +18,9 @@ export default {
       }
     }
   })],
+  pluginOptions: {
+    vuetify: {
+      // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vuetify-loader
+    }
+  }
 }

frontend/vue.config.js

@@ -34,4 +34,10 @@ module.exports = {
             }),
         ],
     },
+
+    pluginOptions: {
+      vuetify: {
+			// https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vuetify-loader
+		}
+    }
 };