jointrashposs/components/g/NuxtLink.vue

<template>
    <NuxtLink
        :to="realHref"
        :href="undefined"
    >
        <slot></slot>
    </NuxtLink>
</template>

<script setup lang="ts">
import { parseURL, cleanDoubleSlashes, withTrailingSlash } from 'ufo';
import { RouteLocationRaw } from '#vue-router';

const rawProps = defineProps<{
    to?: RouteLocationRaw | string;
    href?: RouteLocationRaw | string;
}>();
const realHref = ref(rawProps.to ?? rawProps.href);

if (realHref.value && typeof realHref.value === 'string') {
    const runtimeConfig = useRuntimeConfig();
    const rootDomain = parseURL(runtimeConfig.public.baseUrl);
    const url = parseURL(realHref.value);

    if (!url.host || rootDomain.host === url.host) {
        realHref.value = withTrailingSlash(realHref.value, true);
    }

    realHref.value = cleanDoubleSlashes(realHref.value);
}

</script>