From 9d58c8836b2a5c587b22d0795312ae70746e9d21 Mon Sep 17 00:00:00 2001
From: ferrx <ferr.mail@gmail.com>
Date: Fri, 5 May 2017 15:56:28 -0400
Subject: [PATCH] Switched from av-ts to vue-property-decorator and
 vue-class-component

---
 templates/VueSpa/ClientApp/components/app/app.ts             | 2 +-
 templates/VueSpa/ClientApp/components/counter/counter.ts     | 2 +-
 templates/VueSpa/ClientApp/components/fetchdata/fetchdata.ts | 4 ++--
 templates/VueSpa/package.json                                | 3 ++-
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/templates/VueSpa/ClientApp/components/app/app.ts b/templates/VueSpa/ClientApp/components/app/app.ts
index 75eaa8d..f580f76 100644
--- a/templates/VueSpa/ClientApp/components/app/app.ts
+++ b/templates/VueSpa/ClientApp/components/app/app.ts
@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import { Component } from 'av-ts';
+import { Component } from 'vue-property-decorator';
 
 @Component({
     components: {
diff --git a/templates/VueSpa/ClientApp/components/counter/counter.ts b/templates/VueSpa/ClientApp/components/counter/counter.ts
index 76f9a92..e48ef79 100644
--- a/templates/VueSpa/ClientApp/components/counter/counter.ts
+++ b/templates/VueSpa/ClientApp/components/counter/counter.ts
@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import { Component } from 'av-ts';
+import { Component } from 'vue-property-decorator';
 
 @Component
 export default class CounterComponent extends Vue {
diff --git a/templates/VueSpa/ClientApp/components/fetchdata/fetchdata.ts b/templates/VueSpa/ClientApp/components/fetchdata/fetchdata.ts
index c648f02..dcc37f0 100644
--- a/templates/VueSpa/ClientApp/components/fetchdata/fetchdata.ts
+++ b/templates/VueSpa/ClientApp/components/fetchdata/fetchdata.ts
@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import { Component, Lifecycle } from 'av-ts';
+import { Component } from 'vue-property-decorator';
 
 interface WeatherForecast {
     dateFormatted: string;
@@ -12,7 +12,7 @@ interface WeatherForecast {
 export default class FetchDataComponent extends Vue {
     forecasts: WeatherForecast[] = [];
 
-    @Lifecycle mounted() {
+    mounted() {
         fetch('/api/SampleData/WeatherForecasts')
             .then(response => response.json() as Promise<WeatherForecast[]>)
             .then(data => {
diff --git a/templates/VueSpa/package.json b/templates/VueSpa/package.json
index a8716eb..57e71e0 100644
--- a/templates/VueSpa/package.json
+++ b/templates/VueSpa/package.json
@@ -4,7 +4,6 @@
   "devDependencies": {
     "@types/requirejs": "^2.1.28",
     "aspnet-webpack": "^1.0.27",
-    "av-ts": "^0.7.1",
     "awesome-typescript-loader": "^3.0.0",
     "bootstrap": "^3.3.6",
     "css-loader": "^0.25.0",
@@ -17,7 +16,9 @@
     "typescript": "^2.2.1",
     "url-loader": "^0.5.7",
     "vue": "^2.2.2",
+    "vue-class-component": "^5.0.1",
     "vue-loader": "^11.1.4",
+    "vue-property-decorator": "^5.0.1",
     "vue-router": "^2.3.0",
     "vue-template-compiler": "^2.2.2",
     "webpack": "^2.2.0",