title: How to write Dynamic Pages for complex Urls in Nuxt js?
body: <p>I use one page to show details of categories and sub-categories. I do not use router.js to override it and I wanna use nuxt dynamic pages to solve this issue.</p>
  <pre><code>url: &quot;/news/afghanistan-81291&quot;
  
  url:&quot;/gallery/technology/apple-revenue-81260&quot;
  
  url:&quot;/world/economy/turkey-economy-81260&quot;
  </code></pre>
  <p>my localhost url should be look like (page-name/category/:subcategory?)</p>
  <pre><code>http://localhost:3000/detail/news/afghanistan-81291
  
  http://localhost:3000/detail/gallery/technology/apple-revenue-81265
  
  http://localhost:3000/detail/world/economy/turkey-economy-81240
  </code></pre>
  <p>in .nuxt router js</p>
  <pre class="lang-js prettyprint-override"><code>{
    path: &quot;/detail&quot;, 
    name: &quot;detail&quot;,
    children: [{
      path: &quot;category/:subcategory&quot;, 
      name: &quot;detail-category-subcategory&quot;
    },
    ...
  }
  </code></pre>
  <p>this does not look like a good practice and I need best practice.</p>