Dominik Milacher
87c244f0e3
All checks were successful
Build and deploy updated apps / Build & deploy (push) Successful in 2m15s
38 lines
1.1 KiB
Vue
38 lines
1.1 KiB
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 flex items-center gap-2">
|
|
<UIcon name="i-heroicons-home" />
|
|
|
|
<span class="hidden md:inline">
|
|
{{ t('header.home') }}
|
|
</span>
|
|
</NuxtLink>
|
|
|
|
|
|
<!-- nav links -->
|
|
<ul class="flex space-x-6">
|
|
<li>
|
|
<NuxtLink :to="variantPath('apartments')">{{ rt(tm('header').apartments) }}</NuxtLink>
|
|
</li>
|
|
<li>
|
|
<NuxtLink :to="variantPath('book')">{{ t('header.book') }}</NuxtLink>
|
|
</li>
|
|
<li>
|
|
<NuxtLink :to="variantPath('contact')">{{ rt(tm('header').contact) }}</NuxtLink>
|
|
</li>
|
|
<AppLocaleSwitcher/>
|
|
<WVariantSwitcher/>
|
|
</ul>
|
|
</nav>
|
|
</AppStripe>
|
|
</header>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const {t, tm, rt} = useVariantData()
|
|
const { variantPath } = useVariantPath()
|
|
</script>
|