update vite to 3

package-lock.json

@@ -13,7 +13,7 @@
         "axios": "^0.25",
         "chart.js": "^3.7.1",
         "dayjs": "^1.11.0",
-        "laravel-vite-plugin": "^0.2.3",
+        "laravel-vite-plugin": "^0.5.2",
         "lodash": "^4.17.19",
         "postcss": "^8.1.14",
         "primeflex": "^3.1.3",
@@ -21,7 +21,7 @@
         "primevue": "^3.15.0",
         "quill": "^1.3.7",
         "sass": "^1.49.8",
-        "vite": "^2.9.13",
+        "vite": "^3.0.2",
         "vue": "^3.2.31"
       }
     },
@@ -1581,15 +1581,18 @@
       }
     },
     "node_modules/laravel-vite-plugin": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-0.2.4.tgz",
-      "integrity": "sha512-tb5hZ3aZ/bjvQUAkAYSrq7b64ZyjTY/joegVzrMoV6xGZUGTHyglcNkaa2G7Wtu1j0hLIO64ETeryxWbScSfYA==",
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-0.5.2.tgz",
+      "integrity": "sha512-6ufssMvfF3IK/t1hRiYApTB6MHnpIAEZxte+V89aOt5T4CP8OVCPY5qvFBGwddW+yoVEOH5lnojSAD5YzM5T1w==",
       "dev": true,
+      "dependencies": {
+        "vite-plugin-full-reload": "^1.0.1"
+      },
       "engines": {
         "node": ">=14"
       },
       "peerDependencies": {
-        "vite": "^2.9.9"
+        "vite": "^3.0.0"
       }
     },
     "node_modules/lodash": {
@@ -2021,21 +2024,21 @@
       }
     },
     "node_modules/vite": {
-      "version": "2.9.14",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-2.9.14.tgz",
-      "integrity": "sha512-P/UCjSpSMcE54r4mPak55hWAZPlyfS369svib/gpmz8/01L822lMPOJ/RYW6tLCe1RPvMvOsJ17erf55bKp4Hw==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-3.0.2.tgz",
+      "integrity": "sha512-TAqydxW/w0U5AoL5AsD9DApTvGb2iNbGs3sN4u2VdT1GFkQVUfgUldt+t08TZgi23uIauh1TUOQJALduo9GXqw==",
       "dev": true,
       "dependencies": {
-        "esbuild": "^0.14.27",
-        "postcss": "^8.4.13",
-        "resolve": "^1.22.0",
-        "rollup": "^2.59.0"
+        "esbuild": "^0.14.47",
+        "postcss": "^8.4.14",
+        "resolve": "^1.22.1",
+        "rollup": "^2.75.6"
       },
       "bin": {
         "vite": "bin/vite.js"
       },
       "engines": {
-        "node": ">=12.2.0"
+        "node": "^14.18.0 || >=16.0.0"
       },
       "optionalDependencies": {
         "fsevents": "~2.3.2"
@@ -2043,7 +2046,8 @@
       "peerDependencies": {
         "less": "*",
         "sass": "*",
-        "stylus": "*"
+        "stylus": "*",
+        "terser": "^5.4.0"
       },
       "peerDependenciesMeta": {
         "less": {
@@ -2054,9 +2058,25 @@
         },
         "stylus": {
           "optional": true
+        },
+        "terser": {
+          "optional": true
         }
       }
     },
+    "node_modules/vite-plugin-full-reload": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.0.3.tgz",
+      "integrity": "sha512-owIZz/tGXFyUzIDzbu4KBpxrpd08BO+tuWqZABCug5C2laNTwOS4mcDMsMKnXT7B7WR8oRd+BI6a2kVDtsan3w==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^1.0.0",
+        "picomatch": "^2.3.1"
+      },
+      "peerDependencies": {
+        "vite": "^2 || ^3"
+      }
+    },
     "node_modules/vue": {
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.37.tgz",
@@ -3149,11 +3169,13 @@
       "peer": true
     },
     "laravel-vite-plugin": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-0.2.4.tgz",
-      "integrity": "sha512-tb5hZ3aZ/bjvQUAkAYSrq7b64ZyjTY/joegVzrMoV6xGZUGTHyglcNkaa2G7Wtu1j0hLIO64ETeryxWbScSfYA==",
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-0.5.2.tgz",
+      "integrity": "sha512-6ufssMvfF3IK/t1hRiYApTB6MHnpIAEZxte+V89aOt5T4CP8OVCPY5qvFBGwddW+yoVEOH5lnojSAD5YzM5T1w==",
       "dev": true,
-      "requires": {}
+      "requires": {
+        "vite-plugin-full-reload": "^1.0.1"
+      }
     },
     "lodash": {
       "version": "4.17.21",
@@ -3462,16 +3484,26 @@
       }
     },
     "vite": {
-      "version": "2.9.14",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-2.9.14.tgz",
-      "integrity": "sha512-P/UCjSpSMcE54r4mPak55hWAZPlyfS369svib/gpmz8/01L822lMPOJ/RYW6tLCe1RPvMvOsJ17erf55bKp4Hw==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-3.0.2.tgz",
+      "integrity": "sha512-TAqydxW/w0U5AoL5AsD9DApTvGb2iNbGs3sN4u2VdT1GFkQVUfgUldt+t08TZgi23uIauh1TUOQJALduo9GXqw==",
       "dev": true,
       "requires": {
-        "esbuild": "^0.14.27",
+        "esbuild": "^0.14.47",
         "fsevents": "~2.3.2",
-        "postcss": "^8.4.13",
-        "resolve": "^1.22.0",
-        "rollup": "^2.59.0"
+        "postcss": "^8.4.14",
+        "resolve": "^1.22.1",
+        "rollup": "^2.75.6"
+      }
+    },
+    "vite-plugin-full-reload": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.0.3.tgz",
+      "integrity": "sha512-owIZz/tGXFyUzIDzbu4KBpxrpd08BO+tuWqZABCug5C2laNTwOS4mcDMsMKnXT7B7WR8oRd+BI6a2kVDtsan3w==",
+      "dev": true,
+      "requires": {
+        "picocolors": "^1.0.0",
+        "picomatch": "^2.3.1"
       }
     },
     "vue": {

package.json

@@ -13,7 +13,7 @@
     "axios": "^0.25",
     "chart.js": "^3.7.1",
     "dayjs": "^1.11.0",
-    "laravel-vite-plugin": "^0.2.3",
+    "laravel-vite-plugin": "^0.5.2",
     "lodash": "^4.17.19",
     "postcss": "^8.1.14",
     "primeflex": "^3.1.3",
@@ -21,7 +21,7 @@
     "primevue": "^3.15.0",
     "quill": "^1.3.7",
     "sass": "^1.49.8",
-    "vite": "^2.9.13",
+    "vite": "^3.0.2",
     "vue": "^3.2.31"
   }
 }

resources/js/pages/Error/Index.vue

@@ -65,7 +65,7 @@ const description = computed(() => {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style scoped>
 .border-gradient {
   border-radius: 4px;
   padding: 0.3rem;

resources/views/app.blade.php

@@ -7,8 +7,8 @@
     <link rel="icon" type="image/x-icon" href="{{ asset('images/favicon.ico') }}">
 
     @routes
-    @vite(['resources/js/vue.js'])
     @inertiaHead
+    @vite('resources/js/vue.js')
 </head>
 
 <body>