Dominik Milacher cf76334c38
All checks were successful
Build and deploy updated apps / Build & deploy (push) Successful in 2m11s
Introduce variant capabilities
2025-06-14 23:28:00 +02:00

32 lines
944 B
Vue

<template>
<header class="sticky top-0 z-50 bg-neutral-200 shadow">
<AppStripe>
<nav class="mx-auto py-4 flex items-center justify-between">
<!-- your logo / home link -->
<NuxtLink :to="variantPath('/')" class="text-xl font-semibold">
{{ t('header.home') }}
</NuxtLink>
<!-- nav links -->
<ul class="flex space-x-6">
<li>
<NuxtLink :to="variantPath('apartments')">{{ t('header.apartments') }}</NuxtLink>
</li>
<li>
<NuxtLink :to="variantPath('book')">{{ t('header.book') }}</NuxtLink>
</li>
<li>
<NuxtLink :to="variantPath('contact')">{{ t('header.contact') }}</NuxtLink>
</li>
<AppLocaleSwitcher/>
</ul>
</nav>
</AppStripe>
</header>
</template>
<script setup lang="ts">
const {t, tm, rt} = useI18n()
const { variantPath } = useVariantPath()
</script>