github/JavaScriptServices
1
1
Fork 0
mirror of https://github.com/aspnet/JavaScriptServices.git synced 2025-12-23 10:08:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Switched from av-ts to vue-property-decorator and vue-class-component

Browse Source
This commit is contained in:
ferrx
2017-05-05 15:56:28 -04:00
committed by Steve Sanderson
parent d016950e50
commit 9d58c8836b
4 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/VueSpa/ClientApp/components/app/app.ts
View File

@@ -1,5 +1,5 @@
import Vue from 'vue'; import Vue from 'vue';
import { Component } from 'av-ts'; import { Component } from 'vue-property-decorator';
@Component({ @Component({
components: { components: {

2
templates/VueSpa/ClientApp/components/counter/counter.ts
View File

@@ -1,5 +1,5 @@
import Vue from 'vue'; import Vue from 'vue';
import { Component } from 'av-ts'; import { Component } from 'vue-property-decorator';
@Component @Component
export default class CounterComponent extends Vue { export default class CounterComponent extends Vue {

4
templates/VueSpa/ClientApp/components/fetchdata/fetchdata.ts
View File

@@ -1,5 +1,5 @@
import Vue from 'vue'; import Vue from 'vue';
import { Component, Lifecycle } from 'av-ts'; import { Component } from 'vue-property-decorator';
interface WeatherForecast { interface WeatherForecast {
dateFormatted: string; dateFormatted: string;
@@ -12,7 +12,7 @@ interface WeatherForecast {
export default class FetchDataComponent extends Vue { export default class FetchDataComponent extends Vue {
forecasts: WeatherForecast[] = []; forecasts: WeatherForecast[] = [];
@Lifecycle mounted() { mounted() {
fetch('/api/SampleData/WeatherForecasts') fetch('/api/SampleData/WeatherForecasts')
.then(response => response.json() as Promise<WeatherForecast[]>) .then(response => response.json() as Promise<WeatherForecast[]>)
.then(data => { .then(data => {

3
templates/VueSpa/package.json
View File

@@ -4,7 +4,6 @@
"devDependencies": { "devDependencies": {
"@types/requirejs": "^2.1.28", "@types/requirejs": "^2.1.28",
"aspnet-webpack": "^1.0.27", "aspnet-webpack": "^1.0.27",
"av-ts": "^0.7.1",
"awesome-typescript-loader": "^3.0.0", "awesome-typescript-loader": "^3.0.0",
"bootstrap": "^3.3.6", "bootstrap": "^3.3.6",
"css-loader": "^0.25.0", "css-loader": "^0.25.0",
@@ -17,7 +16,9 @@
"typescript": "^2.2.1", "typescript": "^2.2.1",
"url-loader": "^0.5.7", "url-loader": "^0.5.7",
"vue": "^2.2.2", "vue": "^2.2.2",
"vue-class-component": "^5.0.1",
"vue-loader": "^11.1.4", "vue-loader": "^11.1.4",
"vue-property-decorator": "^5.0.1",
"vue-router": "^2.3.0", "vue-router": "^2.3.0",
"vue-template-compiler": "^2.2.2", "vue-template-compiler": "^2.2.2",
"webpack": "^2.2.0", "webpack": "^2.2.0",