Initial KnockoutSpa template

templates/KnockoutSpa/ClientApp/components/counter-example/counter-example.html

@@ -0,0 +1,7 @@
+<h2>Counter</h2>
+
+<p>This is a simple example of a Knockout component.</p>
+
+<p>Current count: <strong data-bind='text: currentCount'></strong></p>
+
+<button data-bind='click: incrementCounter'>Increment</button>

templates/KnockoutSpa/ClientApp/components/counter-example/counter-example.ts

@@ -0,0 +1,12 @@
+import * as ko from 'knockout';
+
+class CounterExampleViewModel {
+    public currentCount = ko.observable(0);
+    
+    public incrementCounter() {
+        let prevCount = this.currentCount();
+        this.currentCount(prevCount + 1);
+    }
+}
+
+export default { viewModel: CounterExampleViewModel, template: require('./counter-example.html') };