Vue 3 upgrade fixes (#1075)

Author: indykoning

resources/js/package.js

@@ -23,7 +23,7 @@ import './callbacks'
 import './vue-components'
 import './instantsearch'
 import { fetchCount } from './stores/useFetches.js'
-import { computed, createApp } from 'vue'
+import { computed, createApp, watch } from 'vue'
 ;(() => import('./turbolinks'))()
 
 if (import.meta.env.VITE_DEBUG === 'true') {
@@ -134,11 +134,6 @@ function init() {
                     }
                 },
             },
-            watch: {
-                loadingCount: function (count) {
-                    app.config.globalProperties.loading = count > 0
-                },
-            },
             mounted() {
                 setTimeout(() => {
                     const event = new CustomEvent('vue:mounted', { detail: { vue: window.app } })
@@ -183,6 +178,10 @@ function init() {
         window.app.config.globalProperties.window = window
         window.app.config.globalProperties.config = window.config
 
+        watch(fetchCount, function (count) {
+            app.config.globalProperties.loading = count > 0
+        })
+
         setTimeout(() => {
             booting = false
             const event = new CustomEvent('vue:loaded', { detail: { vue: window.app } })

resources/views/cart/sidebar.blade.php

@@ -42,7 +42,7 @@
     <div class="border-t pt-3 mt-3 font-bold">
         <dt>@lang('Total')</dt>
         <dd v-if="showTax">@{{ window.price(cart.value.prices.grand_total.value) }}</dd>
-        <dd v-else>@{{ window.price(cart.value.prices.grand_total.value - cart.value.taxTotal.value) }}</dd>
+        <dd v-else>@{{ window.price(cart.value.prices.grand_total.value - cart.value.taxTotal) }}</dd>
     </div>
 </x-rapidez::summary>
 

resources/views/layouts/partials/header/account.blade.php

@@ -3,7 +3,7 @@
         <div v-on-click-away="close">
             <button data-testid="account-menu" class="flex my-1" v-on:click="toggle">
                 <x-heroicon-o-user class="size-6"/>
-                @{{ $root.user.firstname }}
+                @{{ user.value?.firstname }}
             </button>
             <div v-if="isOpen" class="absolute bg-white border shadow rounded mr-1 z-header-dropdown">
                 @if (App::providerIsLoaded('Rapidez\Account\AccountServiceProvider'))