title: Multi id path when using vue-router
body: <p>Is possible to have something like this?</p>
  <p>router/index.js</p>
  <pre><code>const routes = [
    ...
    {
      path: '/books/:bookId/authors/:authorId',
      name: 'Author',
      props: true,
      component: () =&gt; import('@/views/AuthorView.vue')
    }
    ...
  ]
  </code></pre>
  <p>In my AuthorView.vue I have a breadcrumbs component and with those ids it would be really simple to populate it. I need them to be in the URL to allow users to copy and share URLs.</p>
  <p>My App.vue looks like this:</p>
  <pre><code>&lt;template&gt;
    &lt;v-app&gt;
      ...
        &lt;v-main&gt;
          &lt;router-view /&gt;
        &lt;/v-main&gt;
      ...
    &lt;/v-app&gt;
  &lt;/template&gt;
  </code></pre>
  <p>I'm using Vuetify. Any suggestions?</p>