add jquery to project

package-lock.json

@@ -6,7 +6,8 @@
         "": {
             "dependencies": {
                 "@rails/ujs": "^7.1.2",
-                "bootstrap-icons": "^1.11.3"
+                "bootstrap-icons": "^1.11.3",
+                "jquery": "^3.7.1"
             },
             "devDependencies": {
                 "@popperjs/core": "^2.11.6",
@@ -1421,6 +1422,11 @@
                 "jiti": "bin/jiti.js"
             }
         },
+        "node_modules/jquery": {
+            "version": "3.7.1",
+            "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
+            "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg=="
+        },
         "node_modules/laravel-vite-plugin": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-1.0.1.tgz",

package.json

@@ -21,6 +21,7 @@
     },
     "dependencies": {
         "@rails/ujs": "^7.1.2",
-        "bootstrap-icons": "^1.11.3"
+        "bootstrap-icons": "^1.11.3",
+        "jquery": "^3.7.1"
     }
 }

resources/js/app.js

@@ -2,8 +2,9 @@
 
 import Alpine from 'alpinejs';
 import ujs from '@rails/ujs';
-
+import jQuery from 'jquery';
 window.Alpine = Alpine;
 
 Alpine.start();
 ujs.start();
+window.$ = jQuery;

vite.config.js

@@ -12,4 +12,9 @@ export default defineConfig({
             refresh: true,
         }),
     ],
+    resolve: {
+        alias: {
+            '$': 'jQuery'
+        },
+    },
 });