diff --git a/app/src/api/device.js b/app/src/api/device.js
index 7bdd68e..9814506 100644
--- a/app/src/api/device.js
+++ b/app/src/api/device.js
@@ -145,4 +145,14 @@ export default {
 			.get('/stats')
 			.then(response => cb(response.data))
 	},
+
+	/**
+     * @param cb
+     * @returns {PromiseLike<any> | Promise<any>}
+     */
+	updateWeather(cb) {
+		return axios
+			.get('/api/update?weather=1')
+			.then(response => cb(response.data))
+	},
 }
diff --git a/app/src/views/Dashboard.vue b/app/src/views/Dashboard.vue
index 8e39d50..9fb4616 100644
--- a/app/src/views/Dashboard.vue
+++ b/app/src/views/Dashboard.vue
@@ -1,28 +1,30 @@
 <template>
-    <v-container
-        fluid
-        grid-list-md
-        pa-2
-    >
-		<v-card
-			class="mx-auto my-12"
-			max-width="400"
-			elevation="24"
-			>
-			<v-img class="device-screen-image" :aspect-ratio="16/9" src="/fs/screen.bmp"></v-img>
-		</v-card>
-
-    </v-container>
+  <v-container fluid grid-list-md pa-2>
+    <v-card class="mx-auto my-12" max-width="400" elevation="24">
+      <!--<v-img class="device-screen-image" :aspect-ratio="16/9" src="/fs/screen.bmp"></v-img>-->
+    </v-card>
+    <v-btn class="ma-2" :loading="isLoading" color="secondary" @click="updateData">load weather data</v-btn>
+  </v-container>
 </template>
 
 <script>
-    //import api from '../api/core'
+import apiDevice from "@/api/device";
+
+export default {
+  data: () => ({
+    isLoading: false
+  }),
+  methods: {
+    updateData() {
+      this.isLoading = true;
 
-    export default {
-		name: "Dashboard",
+      apiDevice.updateWeather(() => {
+        this.isLoading = false;
+      });
     }
+  }
+};
 </script>
 
 <style scoped>
-
 </style>
\ No newline at end of file