{{-- Load page-specific Vue bundle based on route --}}
@php
    $vueBundle = 'vue-other'; // Default fallback

    if (request()->routeIs('home')) {
        $vueBundle = 'vue-home';
    } elseif (request()->routeIs('catalog', 'catalog.*', 'category', 'category.*')) {
        $vueBundle = 'vue-catalog';
    } elseif (request()->routeIs('product', 'product*')) {
        $vueBundle = 'vue-product';
    } elseif (request()->routeIs('checkout*')) {
        $vueBundle = 'vue-checkout';
    } elseif (request()->routeIs('cart*')) {
        $vueBundle = 'vue-cart';
    } elseif (request()->routeIs('profile*', 'account*')) {
        $vueBundle = 'vue-profile';
    } elseif (request()->routeIs('register*')) {
        $vueBundle = 'vue-register';
    }
@endphp

<script src="{{ mix("js/{$vueBundle}.js", 'shop') }}"></script>