title: Nuxt.js Root routing and root level slugs for multiple resources
body: <p>I am building an e-commerce front-end using Nuxt and I would like to have root level slugs for as many resources as possible. The most important ones are Catalog Paths and Product Urls. An obvious was is to use the Nuxt file structure for routing to create:</p>
  
  <ul>
  <li>.com/category/men/tshirt</li>
  <li>.com/category/women/tshirt</li>
  <li>.com/product/name-of-product-slug</li>
  </ul>
  
  <p>What I want to achieve is:</p>
  
  <ul>
  <li>.com/men/tshirt</li>
  <li>.com/name-of-product-slug</li>
  </ul>
  
  <p>The logic would be to check if the patch matches any of known values (men, women) and load the Category Page component. If it doesn't, it will load the product component and finally a 404.</p>
  
  <p>Is this possible? I've considered getting the Route Path and load a component or page on this or middleware. </p>