From d9c98bfc78fe5243b49f28bffb8d280021dfbfe7 Mon Sep 17 00:00:00 2001 From: Libor Date: Tue, 24 Sep 2019 07:31:50 +0200 Subject: [PATCH 1/5] Project migrated to ASP.NET Core 3.0 Target framework change to netcoreapp3.0, Microsoft.AspNetCore.SpaServices.Extensions updated to 3.0.0, VueCliMiddleware updated to 3.0.0-preview7-1. VueCliMiddleware middleware is not 100% stable, waiting for some tests and production ready release to issue a PR. --- AspNetCoreVueStarter.csproj | 7 ++-- ClientApp/package-lock.json | 5 +++ ClientApp/package.json | 1 + ClientApp/src/filters/date.filter.ts | 5 +++ ClientApp/src/main.ts | 3 ++ ClientApp/src/models/Forecast.ts | 2 +- ClientApp/src/views/FetchData.vue | 41 ++++++++++--------- Controllers/SampleDataController.cs | 45 --------------------- Controllers/WeatherForecastController.cs | 40 +++++++++++++++++++ Models/WeatherForecast.cs | 18 +++++++++ Startup.cs | 50 +++++++++++++++--------- 11 files changed, 129 insertions(+), 88 deletions(-) create mode 100644 ClientApp/src/filters/date.filter.ts delete mode 100644 Controllers/SampleDataController.cs create mode 100644 Controllers/WeatherForecastController.cs create mode 100644 Models/WeatherForecast.cs diff --git a/AspNetCoreVueStarter.csproj b/AspNetCoreVueStarter.csproj index 596ffa7..8b01996 100644 --- a/AspNetCoreVueStarter.csproj +++ b/AspNetCoreVueStarter.csproj @@ -1,7 +1,7 @@  - netcoreapp2.2 + netcoreapp3.0 true Latest false @@ -19,9 +19,8 @@ - - - + + diff --git a/ClientApp/package-lock.json b/ClientApp/package-lock.json index 8252d2e..2ba38e4 100644 --- a/ClientApp/package-lock.json +++ b/ClientApp/package-lock.json @@ -3584,6 +3584,11 @@ "assert-plus": "^1.0.0" } }, + "date-fns": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.2.1.tgz", + "integrity": "sha512-4V1i5CnTinjBvJpXTq7sDHD4NY6JPcl15112IeSNNLUWQOQ+kIuCvRGOFZMQZNvkadw8F9QTyZxz59rIRU6K+w==" + }, "date-now": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/date-now/-/date-now-0.1.4.tgz", diff --git a/ClientApp/package.json b/ClientApp/package.json index c8f2577..2fb7164 100644 --- a/ClientApp/package.json +++ b/ClientApp/package.json @@ -8,6 +8,7 @@ "lint": "vue-cli-service lint" }, "dependencies": { + "date-fns": "^2.2.1", "register-service-worker": "^1.6.2", "vue": "^2.6.10", "vue-class-component": "^7.1.0", diff --git a/ClientApp/src/filters/date.filter.ts b/ClientApp/src/filters/date.filter.ts new file mode 100644 index 0000000..07d3627 --- /dev/null +++ b/ClientApp/src/filters/date.filter.ts @@ -0,0 +1,5 @@ +import { format } from 'date-fns'; + +export default (date: Date) => { + return format(new Date(date), 'eeee, dd MMMM'); +}; diff --git a/ClientApp/src/main.ts b/ClientApp/src/main.ts index 8edb1ab..e409b51 100644 --- a/ClientApp/src/main.ts +++ b/ClientApp/src/main.ts @@ -6,9 +6,12 @@ import App from './App.vue'; import router from './router'; import store from '@/store/index'; import './registerServiceWorker'; +import dateFilter from '@/filters/date.filter'; Vue.config.productionTip = false; +Vue.filter('date', dateFilter); + new Vue({ vuetify, router, diff --git a/ClientApp/src/models/Forecast.ts b/ClientApp/src/models/Forecast.ts index 0a5cb56..af64f02 100644 --- a/ClientApp/src/models/Forecast.ts +++ b/ClientApp/src/models/Forecast.ts @@ -1,6 +1,6 @@ export class Forecast { constructor( - public dateFormatted: Date, + public date: Date, public temperatureC: number, public temperatureF: number, public summary: string, diff --git a/ClientApp/src/views/FetchData.vue b/ClientApp/src/views/FetchData.vue index 82e7127..f775d6d 100644 --- a/ClientApp/src/views/FetchData.vue +++ b/ClientApp/src/views/FetchData.vue @@ -14,11 +14,11 @@ class="elevation-1" > -