fix: vite frontend tooling

.env.example

@@ -46,7 +46,13 @@ AWS_USE_PATH_STYLE_ENDPOINT=false
 PUSHER_APP_ID=
 PUSHER_APP_KEY=
 PUSHER_APP_SECRET=
+PUSHER_HOST=
+PUSHER_PORT=443
+PUSHER_SCHEME=https
 PUSHER_APP_CLUSTER=mt1
 
 VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
+VITE_PUSHER_HOST="${PUSHER_HOST}"
+VITE_PUSHER_PORT="${PUSHER_PORT}"
+VITE_PUSHER_SCHEME="${PUSHER_SCHEME}"
 VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"

app/Http/Controllers/CustomerController.php

@@ -20,7 +20,7 @@ class CustomerController extends Controller
      */
     public function index()
     {
-        return inertia('Customers/Index.vue', [
+        return inertia('Customers/Index', [
             'initialSearch' => request('search'),
             'customers' => Customer::filter(request()->only('search'))
                 ->latest()
@@ -79,7 +79,7 @@ class CustomerController extends Controller
      */
     public function edit(Customer $customer)
     {
-        return inertia('Customers/Edit.vue', compact('customer'));
+        return inertia('Customers/Edit', compact('customer'));
     }
 
     /**

app/Http/Controllers/DashboardController.php

@@ -14,6 +14,6 @@ class DashboardController extends Controller
      */
     public function __invoke(Request $request)
     {
-        return inertia('Dashboards/Index.vue');
+        return inertia('Dashboards/Index');
     }
 }

app/Http/Controllers/PurchaseController.php

@@ -27,7 +27,7 @@ class PurchaseController extends Controller
      */
     public function index()
     {
-        return inertia('Purchases/Index.vue', [
+        return inertia('Purchases/Index', [
             'initialSearch' => request('search'),
             'purchases' => Purchase::filter(request()->only('search'))
                 ->latest()

app/Http/Controllers/SupplierController.php

@@ -20,7 +20,7 @@ class SupplierController extends Controller
      */
     public function index()
     {
-        return inertia('Suppliers/Index.vue', [
+        return inertia('Suppliers/Index', [
             'initialSearch' => request('search'),
             'suppliers' => Supplier::filter(request()->only('search'))
                 ->latest()
@@ -80,7 +80,7 @@ class SupplierController extends Controller
      */
     public function edit(Supplier $supplier)
     {
-        return inertia('Suppliers/Edit.vue', compact('supplier'));
+        return inertia('Suppliers/Edit', compact('supplier'));
     }
 
     /**

composer.json

@@ -8,11 +8,11 @@
   ],
   "license": "MIT",
   "require": {
-    "php": "^8.0|^8.1",
+    "php": "^8.0.2",
     "fruitcake/laravel-cors": "^2.0.5",
     "guzzlehttp/guzzle": "^7.2",
     "inertiajs/inertia-laravel": "^0.5.4",
-    "laravel/framework": "^9.0",
+    "laravel/framework": "^9.19",
     "laravel/sanctum": "^2.14",
     "laravel/tinker": "^2.7",
     "maatwebsite/excel": "^3.1",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "c95b0e2a152a8654b1f0ff918e5d0d09",
+    "content-hash": "cf9797e5b5b20287f0213c45da310a85",
     "packages": [
         {
             "name": "asm89/stack-cors",
@@ -1709,16 +1709,16 @@
         },
         {
             "name": "league/flysystem",
-            "version": "3.0.23",
+            "version": "3.1.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/thephpleague/flysystem.git",
-                "reference": "5b461a96d01144744077343908a2c196682c71e6"
+                "reference": "34a68067b7ae3b836ea5e57e1fc432478372a4f5"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/flysystem/zipball/5b461a96d01144744077343908a2c196682c71e6",
-                "reference": "5b461a96d01144744077343908a2c196682c71e6",
+                "url": "https://api.github.com/repos/thephpleague/flysystem/zipball/34a68067b7ae3b836ea5e57e1fc432478372a4f5",
+                "reference": "34a68067b7ae3b836ea5e57e1fc432478372a4f5",
                 "shasum": ""
             },
             "require": {
@@ -1779,7 +1779,7 @@
             ],
             "support": {
                 "issues": "https://github.com/thephpleague/flysystem/issues",
-                "source": "https://github.com/thephpleague/flysystem/tree/3.0.23"
+                "source": "https://github.com/thephpleague/flysystem/tree/3.1.0"
             },
             "funding": [
                 {
@@ -1795,7 +1795,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-06-29T08:19:13+00:00"
+            "time": "2022-06-29T17:29:54+00:00"
         },
         {
             "name": "league/mime-type-detection",
@@ -2277,16 +2277,16 @@
         },
         {
             "name": "nesbot/carbon",
-            "version": "2.59.0",
+            "version": "2.59.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/briannesbitt/Carbon.git",
-                "reference": "9cea2f72585a46d0651ee6d4c8c8f752e78c16c6"
+                "reference": "a9000603ea337c8df16cc41f8b6be95a65f4d0f5"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/briannesbitt/Carbon/zipball/9cea2f72585a46d0651ee6d4c8c8f752e78c16c6",
-                "reference": "9cea2f72585a46d0651ee6d4c8c8f752e78c16c6",
+                "url": "https://api.github.com/repos/briannesbitt/Carbon/zipball/a9000603ea337c8df16cc41f8b6be95a65f4d0f5",
+                "reference": "a9000603ea337c8df16cc41f8b6be95a65f4d0f5",
                 "shasum": ""
             },
             "require": {
@@ -2375,7 +2375,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-06-26T20:26:59+00:00"
+            "time": "2022-06-29T21:43:55+00:00"
         },
         {
             "name": "nette/schema",
@@ -8513,7 +8513,7 @@
     "prefer-stable": true,
     "prefer-lowest": false,
     "platform": {
-        "php": "^8.0|^8.1"
+        "php": "^8.0.2"
     },
     "platform-dev": [],
     "plugin-api-version": "2.3.0"

package.json

@@ -11,8 +11,6 @@
     "@inertiajs/progress": "^0.2.7",
     "@vitejs/plugin-vue": "^2.3.3",
     "axios": "^0.25",
-    "browser-sync": "^2.27.7",
-    "browser-sync-webpack-plugin": "^2.3.0",
     "chart.js": "^3.7.1",
     "dayjs": "^1.11.0",
     "laravel-vite-plugin": "^0.2.3",
@@ -22,11 +20,8 @@
     "primeicons": "^5.0.0",
     "primevue": "^3.15.0",
     "quill": "^1.3.7",
-    "resolve-url-loader": "^5.0.0",
     "sass": "^1.49.8",
-    "sass-loader": "^12.1.0",
     "vite": "^2.9.13",
-    "vue": "^3.2.31",
-    "vue-loader": "^16.2.0"
+    "vue": "^3.2.31"
   }
 }

resources/js/bootstrap.js

@@ -0,0 +1,31 @@
+/**
+ * We'll load the axios HTTP library which allows us to easily issue requests
+ * to our Laravel back-end. This library automatically handles sending the
+ * CSRF token as a header based on the value of the "XSRF" token cookie.
+ */
+
+import axios from 'axios'
+window.axios = axios
+
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'
+
+/**
+ * Echo exposes an expressive API for subscribing to channels and listening
+ * for events that are broadcast by Laravel. Echo and event broadcasting
+ * allows your team to easily build robust real-time web applications.
+ */
+
+// import Echo from 'laravel-echo';
+
+// import Pusher from 'pusher-js';
+// window.Pusher = Pusher;
+
+// window.Echo = new Echo({
+//     broadcaster: 'pusher',
+//     key: import.meta.env.VITE_PUSHER_APP_KEY,
+//     wsHost: import.meta.env.VITE_PUSHER_HOST ?? `ws-${import.meta.env.VITE_PUSHER_CLUSTER}.pusher.com`,
+//     wsPort: import.meta.env.VITE_PUSHER_PORT ?? 80,
+//     wssPort: import.meta.env.VITE_PUSHER_PORT ?? 443,
+//     forceTLS: (import.meta.env.VITE_PUSHER_SCHEME ?? 'https') === 'https',
+//     enabledTransports: ['ws', 'wss'],
+// });

resources/js/vue.js

@@ -1,6 +1,8 @@
+import './bootstrap'
 import { createApp, h } from 'vue'
 import { createInertiaApp } from '@inertiajs/inertia-vue3'
 import { InertiaProgress } from '@inertiajs/progress'
+import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers'
 
 import 'primevue/resources/themes/mdc-light-indigo/theme.css'
 import 'primevue/resources/primevue.min.css'
@@ -37,7 +39,11 @@ import Tooltip from 'primevue/tooltip'
 
 createInertiaApp({
   title: (title) => `${title} - Cahaya Agung`,
-  resolve: (name) => import(`./pages/${name}`),
+  resolve: (name) =>
+    resolvePageComponent(
+      `./pages/${name}.vue`,
+      import.meta.glob('./pages/**/*.vue')
+    ),
   setup({ el, App, props, plugin }) {
     createApp({ render: () => h(App, props) })
       .use(plugin)

vite.config.js

@@ -4,7 +4,9 @@ import vue from '@vitejs/plugin-vue'
 
 export default defineConfig({
   plugins: [
-    laravel(['resources/js/vue.js']),
+    laravel({
+      input: 'resources/js/vue.js',
+    }),
     vue({
       template: {
         transformAssetUrls: {