title: Is there a way to load different views for one route depending on user role?
body: <p>Is there some implementation if I want to use the main page path '/' for different views depending on roles? Like if you are an authorized user you will see the <code>MainAuth</code>, if you are a guest you will see the <code>MainGuest</code>? Here is some code that would help me to explain.</p>
  
  <pre><code>const routes = [
    {
      path: '/',
      name: 'main_auth',
      component: MainAuth,
      meta: {
        requiresAuth: true
      }
    },
    {
      path: '/',
      name: 'main_guest',
      component: MainGuest,
      meta: {
        requiresGuest: true
      }
    }
  ]
  </code></pre>
  
  <p>For this example, it just loads the first path I declared whatever I am a guest or user.  To be more specific, I have a login/register module on the main path '/' and I want to load an authorized user page on the same path '/' after login.</p>