fix duplicate vue issues (#1702)

Author: BryonLewis

client/electron.vite.config.ts

@@ -73,6 +73,7 @@ export default defineConfig(({ mode }) => {
       resolve: {
         dedupe: ['axios', 'vue', 'vuetify'],
         alias: {
+          vue: resolve(__dirname, 'node_modules/vue/dist/vue.runtime.esm.js'),
           'dive-common': resolve(__dirname, 'dive-common'),
           'vue-media-annotator': resolve(__dirname, 'src'),
           platform: resolve(__dirname, 'platform'),
@@ -104,7 +105,15 @@ export default defineConfig(({ mode }) => {
         },
       },
       optimizeDeps: {
-        include: ['axios', 'qs', 'markdown-it', 'js-cookie'],
+        include: [
+          'axios',
+          'qs',
+          'markdown-it',
+          'js-cookie',
+          'vue',
+          'vuetify',
+          '@girder/components/src',
+        ],
       },
       build: {
         outDir: 'dist_desktop',

client/platform/desktop/plugins/vuetify.js

@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import Vuetify from 'vuetify';
+import Vuetify from 'vuetify/lib';
 import colors from 'vuetify/es5/util/colors';
 import { vuetifyConfig as girderVuetifyConfig } from '@girder/components/src';
 import { merge } from 'lodash';

client/vite.config.ts

@@ -43,6 +43,9 @@ export default defineConfig(({ mode }) => {
     resolve: {
       dedupe: ['axios', 'vue', 'vuetify'],
       alias: {
+        // Force a single Vue build; production Rollup can otherwise bundle both
+        // vue.runtime.esm.js (from vuetify/lib) and vue.runtime.common.prod.js (from vuetify dist).
+        vue: resolve(__dirname, 'node_modules/vue/dist/vue.runtime.esm.js'),
         'dive-common': resolve(__dirname, 'dive-common'),
         'vue-media-annotator': resolve(__dirname, 'src'),
         platform: resolve(__dirname, 'platform'),
@@ -75,7 +78,15 @@ export default defineConfig(({ mode }) => {
       },
     },
     optimizeDeps: {
-      include: ['axios', 'qs', 'markdown-it', 'js-cookie'],
+      include: [
+        'axios',
+        'qs',
+        'markdown-it',
+        'js-cookie',
+        'vue',
+        'vuetify',
+        '@girder/components/src',
+      ],
     },
     build: {
       sourcemap: true,