From 5e752169d6e15b3a6d10e1fddd33479c66c7b13f Mon Sep 17 00:00:00 2001
From: Murat Girgin <murat@girg.in>
Date: Wed, 4 Oct 2017 20:36:45 -0700
Subject: [PATCH] Vue.js template: Use async/await

---
 .../ClientApp/components/fetchdata/fetchdata.ts   | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/Microsoft.AspNetCore.SpaTemplates/content/Vue-CSharp/ClientApp/components/fetchdata/fetchdata.ts b/src/Microsoft.AspNetCore.SpaTemplates/content/Vue-CSharp/ClientApp/components/fetchdata/fetchdata.ts
index c6108f9303..ce64f81932 100644
--- a/src/Microsoft.AspNetCore.SpaTemplates/content/Vue-CSharp/ClientApp/components/fetchdata/fetchdata.ts
+++ b/src/Microsoft.AspNetCore.SpaTemplates/content/Vue-CSharp/ClientApp/components/fetchdata/fetchdata.ts
@@ -12,11 +12,14 @@ interface WeatherForecast {
 export default class FetchDataComponent extends Vue {
     forecasts: WeatherForecast[] = [];
 
-    mounted() {
-        fetch('api/SampleData/WeatherForecasts')
-            .then(response => response.json() as Promise<WeatherForecast[]>)
-            .then(data => {
-                this.forecasts = data;
-            });
+    async mounted() {
+        try {
+            let response = await fetch('api/SampleData/WeatherForecasts'); 
+            let data = await response.json();
+            this.forecasts = data;
+         }
+        catch (err) {
+            console.log(err);
+        }
     }
 }