title: Use same page for multiple routes
body: <p>I am trying to find out how to use the same page for multiple routes on a Nuxt.js with i18n module.</p>
  
  <p>Basically I want this route: <code>/product-category/:slug/in/:material</code> to use the same page as <code>/product-category/:slug</code></p>
  
  <p>So far I have tried below, adding it to nuxt.config.js - but it doesn't work. It simply shows the <code>_slug/_material/index.vue</code> file.</p>
  
  <pre><code>router: {
      extendRoutes (routes, resolve) {
          routes.push({
              path: '/product-category/:slug/in/:material',
              component: resolve(__dirname, 'pages/product-category/_slug/index.vue')
          })
      }
  },
  </code></pre>
  
  <p>Maybe because I am having the i18n module, maybe because I am doing something wrong.</p>
  
  <p>This is my folder structure:</p>
  
  <p><a href="https://i.stack.imgur.com/evGKs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/evGKs.png" alt="ed"></a></p>
  
  <p>If I inspect my router.js file, I see the path shown twice:</p>
  
  <p><a href="https://i.stack.imgur.com/NLG6t.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NLG6t.png" alt="enter image description here"></a></p>