upgrade spa packages

package.json

@@ -10,14 +10,14 @@
         "production": "mix --production"
     },
     "devDependencies": {
-        "autoprefixer": "^10.4.14",
-        "axios": "^1.6.0",
+        "autoprefixer": "^10.4.16",
+        "axios": "^1.6.3",
         "laravel-mix": "^6.0.6",
-        "postcss": "^8.4.31",
-        "tailwindcss": "^3.3.1",
-        "vue": "^3.2.47",
-        "vue-loader": "^17.0.0",
-        "vue-router": "^4.0.14",
+        "postcss": "^8.4.32",
+        "tailwindcss": "^3.4.0",
+        "vue": "^3.4.3",
+        "vue-loader": "^17.4.2",
+        "vue-router": "^4.2.5",
         "vuex": "^4.0.2"
     }
 }

public/js/app.js.LICENSE.txt

@@ -11,4 +11,6 @@
  * @license MIT
  */
 
+/*! #__NO_SIDE_EFFECTS__ */
+
 /*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/js/app.js": "/js/app.js?id=01affd8fd95d1225332341cf28f5f6fa",
-    "/css/app.css": "/css/app.css?id=15bb792a12019006ae9269800595b28d"
+    "/js/app.js": "/js/app.js?id=89cd9ab2d16e14d6205fe79598c73d75",
+    "/css/app.css": "/css/app.css?id=2929a57b2de69079879208f521d82c95"
 }

resources/js/components/Logo.vue

@@ -1,7 +1,9 @@
 <template>
-  <router-link :to="{name: 'Login'}" class="flex items-center space-x-1 pt-8 sm:justify-start sm:pt-0 text-xl text-gray-800 font-bold">
+  <router-link :to="{ name: 'Login' }"
+    class="flex items-center space-x-1 pt-8 sm:justify-start sm:pt-0 text-xl text-gray-800 font-bold">
     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" />
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+        d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" />
     </svg>
     <span>Laravel Fortify SPA</span>
   </router-link>

resources/js/components/Navigation.vue

@@ -1,17 +1,18 @@
 <template>
   <nav class="bg-white border-b border-gray-200 p-4 mb-4">
     <div class="container mx-auto flex justify-center md:justify-between">
-      <router-link :to="{name: 'Home'}" class="hidden md:flex text-xl font-semibold place-items-center space-x-2">
+      <router-link :to="{ name: 'Home' }" class="hidden md:flex text-xl font-semibold place-items-center space-x-2">
         <span>Fortify Vue SPA</span>
       </router-link>
       <ul class="list flex items-center text-gray-500 text-sm font-semibold">
         <li>
-          <router-link :to="{name: 'Home'}" class="hover:text-gray-700 p-2 rounded flex items-center space-x-2">
+          <router-link :to="{ name: 'Home' }" class="hover:text-gray-700 p-2 rounded flex items-center space-x-2">
             <span>Home</span>
           </router-link>
         </li>
         <li>
-          <router-link :to="{name: 'User'}" class="hover:text-gray-700 p-2 rounded flex items-center space-x-2 font-semibold">
+          <router-link :to="{ name: 'User' }"
+            class="hover:text-gray-700 p-2 rounded flex items-center space-x-2 font-semibold">
             <span>{{ user?.name }}</span>
           </router-link>
         </li>
@@ -36,7 +37,7 @@ export default {
     logout() {
       this.$store.dispatch('logout')
         .then(() => {
-          this.$router.push({name: 'Login'})
+          this.$router.push({ name: 'Login' })
         })
     }
   }