feature: routing pomiędzy tabami

src/App.vue

@@ -77,6 +77,18 @@ export default defineComponent({
     ).json();
 
     this.store.stockData = stockData;
+
+    // routing
+    switch (window.location.pathname) {
+      case '/numgnr':
+        this.store.stockSectionMode = 'number-generator';
+        break;
+      case '/stockgnr':
+        this.store.stockSectionMode = 'stock-generator';
+        break;
+      default:
+        break;
+    }
   },
 });
 </script>

src/components/sections/LogoSection.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="logo-section">
+  <section class="logo-section" @click="navigate">
     <img src="/images/logo.svg" alt="logo pojazdownik" />
   </section>
 </template>
@@ -9,6 +9,12 @@ export default {
   setup() {
     return {};
   },
+
+  methods: {
+    navigate() {
+      window.location.pathname = '';
+    },
+  },
 };
 </script>
 
@@ -21,11 +27,13 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
+
+  cursor: pointer;
 }
 
 img {
   max-width: 25em;
-  width: 100%;    
+  width: 100%;
 }
 </style>