From c58dbf34d0faf49f36e3910ca3de69a0c5976e1c Mon Sep 17 00:00:00 2001
From: Adrian Zuercher <adrianzuercher@MacBook-Air-von-Adrian.local>
Date: Sun, 29 Jun 2025 20:27:18 +0200
Subject: [PATCH] add icon as asset, add refresh button

---
 package.json               | 2 +-
 src/layouts/MainLayout.vue | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 8bf1ebe..6a0c5b2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lightcontrol",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "A Tecamino App",
   "productName": "Light Control",
   "author": "A. Zuercher",
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 2cb8b6e..df36b8a 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -3,15 +3,17 @@
     <q-header elevated>
       <q-toolbar>
         <q-img
-          src="src/assets/LOGO_CF-ICON_color.svg"
+          :src="logo"
           alt="Logo"
           style="width: 40px; height: 40px; background-color: var(--q-primary)"
           class="q-mr-sm"
         />
         <q-btn flat dense round icon="menu" aria-label="Menu" @click="toggleLeftDrawer" />
+
         <q-toolbar-title> Light Control </q-toolbar-title>
 
         <div>Version {{ version }}</div>
+        <q-btn dense icon="refresh" square class="q-px-md q-ml-md" @click="refresh" />
       </q-toolbar>
     </q-header>
 
@@ -35,6 +37,7 @@
 </template>
 
 <script setup lang="ts">
+import logo from 'src/assets/LOGO_CF-ICON_color.svg';
 import { ref } from 'vue';
 import { version } from '../..//package.json';
 
@@ -47,4 +50,8 @@ function toggleLeftDrawer() {
 function closeDrawer() {
   leftDrawerOpen.value = false;
 }
+
+function refresh() {
+  window.location.reload();
+}
 </script>