Fix templates directory structure to produce correct nupkg output

templates/Microsoft.AspNetCore.SpaTemplates/knockout/ClientApp/components/app-root/app-root.html

@@ -0,0 +1,8 @@
+<div class='container-fluid'>
+    <div class='row'>
+        <div class='col-sm-3'>
+            <nav-menu params='router: router'></nav-menu>
+        </div>
+        <div class='col-sm-9' data-bind='component: { name: route().page, params: route }'></div>
+    </div>
+</div>

templates/Microsoft.AspNetCore.SpaTemplates/knockout/ClientApp/components/app-root/app-root.ts

@@ -0,0 +1,44 @@
+import * as ko from 'knockout';
+import * as History from 'history';
+import { Route, Router } from '../../router';
+import navMenu from '../nav-menu/nav-menu';
+
+// Declare the client-side routing configuration
+const routes: Route[] = [
+    { url: '',              params: { page: 'home-page' } },
+    { url: 'counter',       params: { page: 'counter-example' } },
+    { url: 'fetch-data',    params: { page: 'fetch-data' } }
+];
+
+class AppRootViewModel {
+    public route: KnockoutObservable<Route>;
+    public router: Router;
+
+    constructor(params: { history: History.History, basename: string }) {
+        // Activate the client-side router
+        this.router = new Router(params.history, routes, params.basename);
+        this.route = this.router.currentRoute;
+
+        // Load and register all the KO components needed to handle the routes
+        // The optional 'bundle-loader?lazy!' prefix is a Webpack feature that causes the referenced modules
+        // to be split into separate files that are then loaded on demand.
+        // For docs, see https://github.com/webpack/bundle-loader
+        ko.components.register('nav-menu', navMenu);
+        ko.components.register('home-page', require('bundle-loader?lazy!../home-page/home-page'));
+        ko.components.register('counter-example', require('bundle-loader?lazy!../counter-example/counter-example'));
+        ko.components.register('fetch-data', require('bundle-loader?lazy!../fetch-data/fetch-data'));
+    }
+
+    // To support hot module replacement, this method unregisters the router and KO components.
+    // In production scenarios where hot module replacement is disabled, this would not be invoked.
+    public dispose() {
+        this.router.dispose();
+
+        // TODO: Need a better API for this
+        Object.getOwnPropertyNames((<any>ko).components._allRegisteredComponents).forEach(componentName => {
+            ko.components.unregister(componentName);
+        });
+    }
+}
+
+export default { viewModel: AppRootViewModel, template: require('./app-root.html') };