1 files changed, 16 insertions, 2 deletions
diff --git a/components/header/SiteHeader.vue b/components/header/SiteHeader.vue
index 75686d8..015af3d 100644
--- a/components/header/SiteHeader.vue
+++ b/components/header/SiteHeader.vue
@@ -1,11 +1,16 @@
 <script setup land="ts">
+const navigateHome = () => {
+  navigateTo('/');
+}
 </script>
 
 <template>
   <header>
     <div id="nav">
-      <img src="@/assets/quests-logo.png" alt="Quests logo" />
-      <h1>Quests Web Editor</h1>
+      <span id="logo" @click="navigateHome">
+        <img src="@/assets/quests-logo.png" alt="Quests logo" />
+        <h1>Quests Web Editor</h1>
+      </span>
       <code>Preview</code>
     </div>
 
@@ -44,6 +49,15 @@
 
 }
 
+#logo {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 1rem;
+  color: var(--color-header-text);
+}
+
 #controls {
   padding: 1rem;
   display: flex;