Vue Routerで動的ルートマッチングを複数登録したい

Question

前提・実現したいこと

Vue Routerで動的ルートマッチングを複数登録したいです

発生している問題・エラーメッセージ

１つ目のルートにマッチングしますが、２つめのルートにマッチングしません
どうしたら２つ目のルートにマッチングするようになるでしょうか
ご教授お願いいたします

/human/aaa
は正常に表示されますが
/animal/bbb
が表示されない状態です

/human/:idをコメントアウトすると
/animal/bbbが正常に表示されます

該当のソースコード

    {
      path: "/human/:id",
      name: "Comment",
      component: Comment,
      props: (route) => ({ embedded: Embedded.human, embeddedId: route.params.id }),
    },
    {
      path: "/animal/:id",
      name: "Comment",
      component: Comment,
      props: (route) => ({ embedded: Embedded.animal, embeddedId: route.params.id }),
    },

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

nameが同じなのが原因でした