mirror of https://github.com/nuxt/nuxt.git
43 lines
1.0 KiB
Vue
43 lines
1.0 KiB
Vue
<script setup lang="ts">
|
|
const route = useRoute()
|
|
const timer = useState('timer', () => 0)
|
|
</script>
|
|
|
|
<template>
|
|
<NuxtExampleLayout example="routing/universal-router">
|
|
A page...
|
|
<br>
|
|
|
|
<template v-if="timer">
|
|
Processing navigation in 0.{{ timer }}s
|
|
</template>
|
|
|
|
<template #nav>
|
|
<nav class="flex align-center gap-4 p-4">
|
|
<NuxtLink to="/" class="n-link-base">
|
|
Home
|
|
</NuxtLink>
|
|
<NuxtLink to="/forbidden" class="n-link-base">
|
|
Forbidden
|
|
</NuxtLink>
|
|
<NuxtLink to="/redirect" class="n-link-base">
|
|
Redirect
|
|
</NuxtLink>
|
|
<NuxtLink custom to="/redirect">
|
|
<template #default="{ href, navigate }">
|
|
<button @click="navigate">
|
|
Custom: {{ href }}
|
|
</button>
|
|
</template>
|
|
</NuxtLink>
|
|
</nav>
|
|
</template>
|
|
|
|
<template #footer>
|
|
<div class="text-center p-4 op-50">
|
|
Current route: <code>{{ route.path }}</code>
|
|
</div>
|
|
</template>
|
|
</NuxtExampleLayout>
|
|
</template>
|