shop

components/HeaderBlock.vue

@@ -25,9 +25,9 @@
               <CountryCurrencySelector />
             </div>
             <ThemeSwitcher />
-            <button
+            <button @click="navigateToShop"
               class="hover:bg-button-hover bg-button cursor-pointer rounded-xl px-6 py-3 font-medium text-white transition-all text-inter">
-              E-shop
+              {{ $t('eshop') }}
             </button>
           </div>
         </div>
@@ -218,6 +218,10 @@ const colorMode = useColorMode();
 
 const route = useRoute()
 
+function navigateToShop() {
+  menuStore.navigateToItem(menuStore.menuItems?.items.find(item => item.page_name === 'shop'))
+}
+
 const isDark = computed({
   get() {
     return colorMode.value === "dark";