title: router-view content not rendering
body: <p>The <code>router-view</code> content of my app always remains empty (<code>&lt;!----&gt;</code>) even though routing itself works perfectly and templates are correctly rendered throughout the app.</p>
  
  <p>(Note: Even though there's just a <code>import Vue from 'vue';</code>, I'm using the standalone version of Vue.js with compilation support. The correct import is replaced by webpack.)</p>
  
  <h3>main.ts</h3>
  
  <pre><code>import Vue from 'vue';
  import Router from './services/router';
  import { AppComponent } from './components/';
  
  export default new Vue({
    el: '#app-container',
    router: Router,
    render: (context) =&gt; context(AppComponent)
  });
  </code></pre>
  
  <h3>main.template.pug (excerpt)</h3>
  
  <pre><code>body
    #app-container
  </code></pre>
  
  <h3>app.ts (excerpt)</h3>
  
  <pre><code>@Component({
    template: require('./app.template.pug'),
    components: {
      'app-header': HeaderComponent,
      ...
    }
  })
  export class AppComponent extends Vue {
  
  }
  </code></pre>
  
  <h3>app.template.pug</h3>
  
  <pre><code>.app
    app-header
    .app-body
      app-sidebar
      main.app-content
        app-breadcrumb(:list='list')
        .container-fluid
          router-view
      app-aside
    app-footer
  </code></pre>
  
  <h3>services/router/index.ts (excerpt)</h3>
  
  <pre><code>import Router from 'vue-router';
  import { DashboardComponent } from '../../components/pages/dashboard';
  
  Vue.use(Router);
  
  export default new Router({
    mode: 'history',
    linkActiveClass: 'open active',
    routes: [
      {
        path: '/',
        redirect: '/dashboard',
        name: 'Home',
        children: [
          {
            path: 'dashboard',
            name: 'Dashboard',
            component: DashboardComponent
          }
        ]
      }
    ]
  });
  </code></pre>