Add vuetify treeshaking

Resultant javascript chunk is now smaller 🎉

app-ui/package.json

@@ -18,6 +18,7 @@
     "@intlify/unplugin-vue-i18n": "1.5.0",
     "@mdi/js": "7.3.67",
     "@vitejs/plugin-vue": "4.4.1",
+    "vite-plugin-vuetify": "1.0.2",
     "vue": "3.3.8",
     "vue-advanced-cropper": "2.8.8",
     "vue-i18n": "9.6.5",

app-ui/src/main.js

@@ -3,8 +3,6 @@ import { createRouter, createWebHashHistory } from 'vue-router';
 import { createI18n, useI18n } from 'vue-i18n';
 import { createVuetify } from 'vuetify';
 import { createVueI18nAdapter } from 'vuetify/locale/adapters/vue-i18n';
-import * as components from 'vuetify/components';
-import * as directives from 'vuetify/directives';
 import messages from '@intlify/unplugin-vue-i18n/messages';
 import { aliases, mdi } from 'vuetify/iconsets/mdi-svg';
 import '@/styles/main.scss';
@@ -34,7 +32,6 @@ const i18n = createI18n({
 });
 
 const vuetify = createVuetify({
-  components,
   defaults: {
     VBtn: {
       variant: 'tonal',
@@ -46,7 +43,6 @@ const vuetify = createVuetify({
       variant: 'plain',
     }
   },
-  directives,
   icons: {
     defaultSet: 'mdi',
     aliases,

app-ui/vite.config.js

@@ -1,5 +1,6 @@
 import { defineConfig } from "vite";
 import vue from '@vitejs/plugin-vue'
+import vuetify from 'vite-plugin-vuetify'
 import path from "path";
 import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
 import packageJson from './package.json'
@@ -14,6 +15,7 @@ export default defineConfig({
   },
   plugins: [
     vue(),
+    vuetify(),
     VueI18nPlugin({
       include: [path.resolve(__dirname, './src/locales/**')],
       compositionOnly: false