Merge pull request #364 from sronveaux/vuetify-treeshaking

Enable Vuetify treeshaking

package.json

@@ -68,7 +68,8 @@
     "sinon": "^17.0.1",
     "sinon-chai": "^3.5.0",
     "vue-cli-plugin-vuetify": "~2.5.8",
-    "vue-template-compiler": "2.7.14"
+    "vue-template-compiler": "2.7.14",
+    "vuetify-loader": "^1.9.2"
   },
   "engines": {
     "node": ">= 16.19.0",

src/main.js

@@ -1,7 +1,7 @@
 // The Vue build version to load with the `import` command
 // (runtime-only or standalone) has been set in vue.config.js with runtimeCompiler.
 import Vue from 'vue';
-import Vuetify from 'vuetify';
+import Vuetify from 'vuetify/lib/framework';
 import PortalVue from 'portal-vue'
 import VueI18n from 'vue-i18n';
 import 'roboto-fontface/css/roboto/roboto-fontface.css'
@@ -13,7 +13,6 @@ import UrlUtil from './util/Url';
 import LocaleUtil from './util/Locale';
 import ObjectUtil from './util/Object';
 import ColorThemeUtil from './util/ColorTheme'
-import 'vuetify/dist/vuetify.min.css';
 import axios from 'axios';
 
 Vue.use(Vuetify);

vue.config.js

@@ -57,10 +57,12 @@ module.exports = defineConfig({
     // Tweak configuration options for Karma test runner to produce a bundle
     // which can run under Chrome headless. Avoid warnings due to custom entries
     // and customized filenames. Enable correct code coverage of .vue files.
+    // Disable Vuetify treeshaking.
     if (process.env.NODE_ENV === 'test') {
       config.devtool = 'eval'
       config.optimization.runtimeChunk = false
       config.optimization.splitChunks = false
+      config.plugins = config.plugins.filter(plugin => plugin.constructor.name !== 'VuetifyLoaderPlugin')
       delete config.target
       delete config.entry
       delete config.output.filename