title: Parasails.js and using (Vue Router or virtualPages)
body: <p><a href="https://github.com/mikermcneil/parasails" rel="noreferrer">Parasails.js documentation</a> mentions that it does support <code>router</code> and <code>virtualPages</code>, but does not actually specify how to interact with these options.</p>
  
  <p>I am somewhat used to the normal Vue setup, of importing Vue, VueRouter and each individual component directly into the .vue file. </p>
  
  <p>But with parasails.js, I feel that these parameters are expecting objects that are not defined in the documentation, so I'm just guessing at this point.</p>
  
  <p>I have gotten to this point so far:</p>
  
  <pre><code>parasails.registerComponent('mainSearch', {      
    props: [
      'prop1',
      'prop2',
    ],
  
    html5HistoryMode: 'history',
    virtualPages: [
      { path: '/foo', component: 'page2' },
    ],
  
    template: `
      &lt;div class="test"&gt;
         &lt;p&gt;Test&lt;/p&gt;
         &lt;router-link to="/foo"&gt;Foo&lt;/router-link&gt;
         &lt;router-view /&gt;
      &lt;/div&gt;
    `,
  
    beforeMount: function() {
      //…
      // Attach any initial data from the server.
      _.extend(this, SAILS_LOCALS);
  
    },
    mounted: async function(){
      //…
    },
    beforeDestroy: function() {
      //…
    },
  });
  </code></pre>
  
  <p>But I am receiving the error: </p>
  
  <p><code>TypeError: In the HTML template (during render): Cannot read property 'matched' of undefined</code></p>
  
  <p>Has anyone successfully used <code>router</code> or <code>virtualPages</code> in parasails.js and can help me out? </p>
  
  <p>Also, my next question is: When passing components to <code>virtualPages</code>, do I just supply the name of another parasails registered component as a string? Or do I have to include that component in the code, and pass it as an object as one would do in VueRouter? </p>
  
  <p>Thanks for any and all help!</p>
  
  <p><strong>EDIT</strong>
  Using <code>virtualPages</code> on a parasails component apparently will not work. </p>
  
  <p>But adding these properties to a parasails page seems to be the intended usage:</p>
  
  <pre><code>  virtualPages: true,
    html5HistoryMode: 'history',
    virtualPageSlug: undefined,
    virtualPagesRegExp: /^\/test\/?([^\/]+)?/,
  </code></pre>
  
  <p>Now, although I am no longer receiving errors, the <code>&lt;router-view&gt;&lt;/router-view&gt;</code> element is not being populated with the proper view when the <code>&lt;router-link to="/test/foo/"&gt;Foo&lt;/router-link&gt;</code> is clicked on the page.</p>
  
  <p>I have added the following route to the project </p>
  
  <pre><code>  '/test/foo/' : {
      view: 'pages/test'
    },
  </code></pre>
  
  <p>Any clues as to why my router-view is not being updated properly?</p>
  
  <p>I think this documentation requires some serious updates as this is a pure guessing game every step of the way.</p>