title: Open a modal on Vue.js route change
body: <p>Currently, my <code>vue-router</code> configuration looks like this:</p>
  
  <pre><code>export default new Router({
    routes: [
      {
        path: '/',
        name: 'home',
        component: Home,
      },
      {
        path: '/settings',
        name: 'settings',
        component: Settings,
      }
    ],
  });
  </code></pre>
  
  <p>Now, I want to define a new path, say <code>/some-modal-path</code>, on navigation to which, a modal, say<code>ModalComponent</code>, will open as an overlay above the current component.</p>
  
  <p>Is this possible to be done with <code>vue-router</code>? If yes, how can it be done?</p>