product-card

layouts/default.vue

@@ -2,7 +2,10 @@
   <div class="layout">
     <header class="header">
       <div class="header__container">
-        <h1 class="header__headline">
+        <h1
+          class="header__headline"
+          @click="router.push(`/`)"
+        >
           PAXTON
         </h1>
       </div>
@@ -20,6 +23,10 @@
   </div>
 </template>
 
+<script setup lang="ts">
+const router = useRouter()
+</script>
+
 <style lang="scss" scoped>
 .layout {
   display: flex;
@@ -46,6 +53,7 @@
   background: white;
 
   &__container {
+    height: 100%;
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -54,9 +62,12 @@
   }
 
   &__headline {
+    display: flex;
+    align-items: center;
     height: 100%;
     font-size: 32px;
     color: black;
+    cursor: pointer;
   }
 }