Merge pull request #27 from coolsam726/coolsam726-patch-1

Fix NPM issues experienced in step 11 of installation.
CLOSES #25

Author: coolsam726

README.md

@@ -67,11 +67,11 @@ php artisan vendor:publish --provider="Spatie\Permission\PermissionServiceProvid
 2. Install the necessary `npm` dev dependencies by running the following command:
 If you are using npm:
 ```shell
-npm install --include=dev --legacy-peer-deps @headlessui/vue @inertiajs/inertia @inertiajs/inertia-vue3 @vitejs/plugin-vue pagetables popper.js @babel/plugin-syntax-dynamic-import dayjs dotenv numeral postcss postcss-import pusher-js laravel-echo laravel-vite sass sass-loader vite vue@^3.1 vue3-vt-notifications vue-flatpickr-component  vue-numerals mitt savannabits/vue-select#v4.0.0-alpha.0
+npm install --include=dev --legacy-peer-deps @headlessui/vue @inertiajs/inertia @inertiajs/inertia-vue3 @vitejs/plugin-vue popper.js @babel/plugin-syntax-dynamic-import dayjs dotenv numeral postcss postcss-import pusher-js laravel-echo laravel-vite sass sass-loader vite vue@^3.1 vue3-vt-notifications vue-flatpickr-component  vue-numerals mitt savannabits/vue-select#v4.0.0-alpha.0 dynamic-import-polyfill
 ```
 Or if you are using yarn:
 ```shell
-yarn add -D @headlessui/vue @vitejs/plugin-vue @inertiajs/inertia @inertiajs/inertia-vue3 pagetables popper.js @babel/plugin-syntax-dynamic-import dayjs dotenv numeral postcss postcss-import pusher-js laravel-echo laravel-vite sass sass-loader vite vue@^3.1 vue3-vt-notifications vue-flatpickr-component  vue-numerals mitt savannabits/vue-select#v4.0.0-alpha.0
+yarn add -D @headlessui/vue @vitejs/plugin-vue @inertiajs/inertia @inertiajs/inertia-vue3 popper.js @babel/plugin-syntax-dynamic-import dayjs dotenv numeral postcss postcss-import pusher-js laravel-echo laravel-vite sass sass-loader vite vue@^3.1 vue3-vt-notifications vue-flatpickr-component  vue-numerals mitt savannabits/vue-select#v4.0.0-alpha.0 dynamic-import-polyfill
 ```
 Feel free to configure the color palette to your own preference, but for uniformity be sure to include `primary`,`secondary`, `success` and `danger` variants since they are used in the jig template.
 

resources/compiler-configs/vite.config.ts

@@ -1,5 +1,11 @@
 import { defineConfig } from "laravel-vite";
 import vue from "@vitejs/plugin-vue";
-import tailwind from "tailwindcss";
-export default defineConfig()
-	.withPlugin(vue);
+export default defineConfig({
+	    server: {
+		    hmr: {
+			    host: 'localhost',
+			    protocol: 'ws'
+		    }
+	    }
+    })
+    .withPlugin(vue);

resources/js/app.js

@@ -0,0 +1 @@
+// Just an empty file to replace app.js which is deprecated in v3

resources/scripts/main.ts

@@ -10,8 +10,7 @@
 */
 
 // Import modules...
-import * as JsBootstrap from "@/bootstrap.js"
-import 'vite/dynamic-import-polyfill';
+import 'dynamic-import-polyfill';
 import "~/css/app.css"
 import { createApp, h } from 'vue';
 import { createInertiaApp } from '@inertiajs/inertia-vue3';
@@ -25,6 +24,9 @@ import 'flatpickr/dist/flatpickr.css';
 import { emitter } from "@/JigComponents/eventHub.js";
 import { Link } from "@inertiajs/inertia-vue3"
 
+const JsBootstrap = import("@/bootstrap");
+
+
 dayjs.extend(relativeTime);
 dayjs.extend(advancedFormat)