title: Different routes for different subdomains in Nuxt.js
body: <p>Suppose there're two subdomains working for one nuxt instance. They should have different pages structure. For example it can be:</p>
  
  <pre><code>pages/
    index.vue // technical entry point that has some logic for determining what routes subtree should be used
    subdomain1/
      index.vue // entry point for subdomain1.mysite.com/
      page1.vue // entry point for subdomain1.mysite.com/page1
    subdomain2/
      index.vue // entry point for subdomain2.mysite.com/
      page1.vue // entry point for subdomain2.mysite.com/page1
      page2.vue // entry point for subdomain2.mysite.com/page2
  </code></pre>
  
  <p>The folder structure can be different. The goal is to be able to load different pages for different subdomains. <code>subdomain1.mysite.com/page1</code> has to load one file (e.g. <code>pages/subdomain1/page1.vue</code>) while <code>subdomain2.mysite.com/page1</code> has to load the other file (e.g. <code>pages/subdomain2/page2.vue</code>).</p>
  
  <p>We can use <code>nuxtServerInit</code> action for determining the subdomain, so there's some <code>this.$store.state.ux.subdomain</code> variable that is eiter subdomain1 or subdomain2. But the rest is not clear for me. </p>
  
  <p>Is it possible to achieve in nuxt.js? If it is, I suppose we should use named views <code>&lt;nuxt-child :name="subdomain"/&gt;</code> and <code>extendRoutes</code> in nuxt.config.js somehow, but I was not able to achieve it so far. Any help would be appreciated.</p>