#Vuetify [v-breadcrumbs-item](https://vuetifyjs.com/ja/api/v-breadcrumbs-item/)を使う。 ```html <v-breadcrumbs :items="items"> <template v-slot:item="props"> <v-breadcrumbs-item exact :disabled="props.item.disabled" :to="props.item.href" nuxt > {{ props.item.text }} </v-breadcrumbs-item> </template> </v-breadcrumbs> ``` ## 参考 - [Vuetify のパンくずコンポーネントを Nuxt\.js に対応させるには？｜ProgLearn \- ベンチャー転職・起業に役立つ情報メディア](https://proglearn.com/2019/10/17/vuetify-%e3%81%ae%e3%83%91%e3%83%b3%e3%81%8f%e3%81%9a%e3%82%b3%e3%83%b3%e3%83%9d%e3%83%bc%e3%83%8d%e3%83%b3%e3%83%88%e3%82%92-nuxt-js-%e3%81%ab%e5%af%be%e5%bf%9c%e3%81%95%e3%81%9b%e3%82%8b%e3%81%ab/)