File-Based Routing & Dynamic Parameters in Nuxt 3

File-Based Routing System

• pages/index.vue -> /
• pages/tutorials/index.vue -> /tutorials
• pages/tutorials/[slug].vue -> /tutorials/:slug

<!-- pages/tutorials/[slug].vue -->
<script setup>
const route = useRoute()
const slug = route.params.slug
</script>

<template>
    <h1>Active Tutorial: {{ slug }}</h1>
</template>