fix jQuery import

bcgov · Dec 11, 2024 · cb2205b · cb2205b
1 parent cb616ab
commit cb2205b
Show file tree

Hide file tree

Showing 4 changed files with 55 additions and 5 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -17,12 +17,13 @@
     "iframe-resizer": "^4.3.1",
     "roboto-fontface": "*",
     "vue": "^3.4.31",
-    "webfontloader": "^1.0.0",
-    "vuetify": "^3.6.14"
+    "vuetify": "^3.6.14",
+    "webfontloader": "^1.0.0"
   },
   "devDependencies": {
-    "@json-editor/json-editor": "^2.10.1",
     "@eslint/js": "^9.14.0",
+    "@json-editor/json-editor": "^2.10.1",
+    "@rollup/plugin-inject": "^5.0.5",
     "@tsconfig/node22": "^22.0.0",
     "@types/node": "^22.9.0",
     "@vitejs/plugin-vue": "^5.1.4",

diff --git a/client/src/App.vue b/client/src/App.vue
@@ -78,8 +78,6 @@
 </template>
 <script>
 import Login from './components/login';
-import jquery from 'jquery';
-window.$ = window.jQuery = jquery;
 
 export default {
   name: 'app',

diff --git a/client/vite.config.js b/client/vite.config.js
@@ -6,6 +6,7 @@ import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify';
 
 // Utilities
 import { NestFactory } from '@nestjs/core';
+import inject from '@rollup/plugin-inject';
 import ejs from 'ejs';
 import { globSync } from 'fast-glob';
 import fs from 'fs';
@@ -60,6 +61,11 @@ export default async ({ mode }) => {
         },
       }),
       DynamicPublicDirectory(['node_modules/iframe-resizer/js']),
+      inject({
+        jQuery: 'jquery',
+        $: 'jquery',
+        include: [],
+      }),
     ],
     define: {
       'process.env': {},
@@ -83,6 +89,9 @@ export default async ({ mode }) => {
         },
       },
     },
+    optimizeDeps: {
+      include: ['jquery'],
+    },
   };
 
   if (mode === 'development') {