title: Vue router routes on same path with different components
body: <p>I'm trying to create routes in vue router on the same path, but with different components per user type.</p>
  
  <p>Basically I have two user types:
  - citizen
  - tourist</p>
  
  <p>And I want them to have different components when they go to the root path ("/").</p>
  
  <p>Is there a way I can have some sort of if statement in my router? I don't want them to have a path similar to "/citizen/" or "/tourist". The components (and their children) should be entirely different though.</p>
  
  <p>The folder structure for the views looks like this:</p>
  
  <pre><code>- views
   -- user
    --- login
    --- register
   -- citizen
    --- home
    --- benefits
    --- locations
   -- tourist
    --- home
    --- accommodations
    --- sightseeing
  </code></pre>
  
  <p>Any ideas how to accomplish this best in a Vue Router?</p>