Nuxt.jsでのルーティングが上手くいきません

Question

Nuxtでuser/<id>/settingというルーティングをしたいと思っています。

pagesのフォルダ階層は
pages*
--user*
----_id.vue
----_id*
------setting.vue
（*がついているのはフォルダ）
としており、_id.vueのコードは以下のようになっています。

<template>
  <div>
    <v-btn :to="'/user/'+ $route.params.id + '/setting'">
      設定
    </v-btn>
  </div>
</template>

これで設定を押すとURLはちゃんと/user/<id>/setting変わるのですが、表示されるコンテンツが変わらないままです。
上のコードで表示されるコンテンツがsetting.vueにならないのは何故でしょうか？

Answer 1

ルーティングを以下の通りにしたら解決しました。
pages
--user
----_id
------setting.vue
------index.vue

Answer 2

toの前についているコロン（：）が不要なのではないでしょうか。

Comments

[Khy]

ご回答ありがとうございます。
ルーティングに問題があったみたいです。
自己解決致しました。