2023-12-19 18:43:42 +01:00
|
|
|
<script lang="ts" setup>
|
|
|
|
defineProps<{
|
|
|
|
title: string
|
|
|
|
selected?: boolean
|
|
|
|
}>()
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2024-09-02 15:13:43 +02:00
|
|
|
<NuxtLink
|
|
|
|
text-14px
|
|
|
|
hover:text-app-white
|
|
|
|
leading-32px
|
|
|
|
uppercase
|
|
|
|
cursor-pointer
|
|
|
|
:class="[selected ? 'text-app-white font-700 underline underline-offset-4px hover:no-underline' : 'text-app-text-grey font-500']"
|
|
|
|
>
|
2023-12-19 18:43:42 +01:00
|
|
|
{{ title }}
|
|
|
|
</NuxtLink>
|
|
|
|
</template>
|