mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-25 13:47:14 +00:00
30 lines
690 B
Vue
30 lines
690 B
Vue
<script setup lang="ts">
|
|
const route = useRoute()
|
|
</script>
|
|
|
|
<template>
|
|
<NuxtExampleLayout example="routing/middleware">
|
|
<NuxtPage />
|
|
|
|
<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>
|
|
</nav>
|
|
</template>
|
|
|
|
<template #footer>
|
|
<div class="text-center p-4 op-50">
|
|
Current route: <code>{{ route.path }}</code>
|
|
</div>
|
|
</template>
|
|
</NuxtExampleLayout>
|
|
</template>
|