為了顯示NuxtContent的Content我們要先建一個catch-all route。

捕獲全部路由(Catch-all Route)

我們本來有一個app/pages/blog/[id].vue檔案，讓我們網站路由到/blog/[id]的時候，畫面也會拿到id的值。
但是假設今天路由有更多層了，例如：/blog/a/b/c。那我們就可以使用catch-all route來得到每一層的值。

怎麼做呢？
將檔名改成[...slug].vue即可
首先我們先將app/pages/blog/[id].vue檔名改成app/pages/blog/[...slug].vue。
然後我們就可以使用route.params.slug印出每一層值了。

<script setup lang="ts">
const route = useRoute();
</script>

<template>
  <div>
    <h1>文章內頁{{route.params.slug}}</h1>
  </div>
</template>

成功後執行應用程式，我們導頁到/blog/a/b/c，畫面即可得到：