index.js

import { router, usePage } from "@inertiajs/vue3";
import { computed } from "vue";

const VuetifyInertiaLink = {
    install(app) {
        app.component("RouterLink", {
            useLink(props) {
                const href = props.to.value;
                const currentUrl = computed(() => usePage().url);
                return {
                    route: computed(() => ({ href })),
                    isActive: computed(() => currentUrl.value.startsWith(href)),
                    isExactActive: computed(() => href === currentUrl),
                    navigate(e) {
                        if (e.shiftKey || e.metaKey || e.ctrlKey) return;
                        e.preventDefault();
                        router.visit(href);
                    }
                };
            }
        });
    }
};

export default VuetifyInertiaLink;