elk/pages/favourites.vue
2023-05-06 17:52:33 +02:00

26 lines
619 B
Vue

<script setup lang="ts">
definePageMeta({
middleware: 'auth',
})
const { t } = useI18n()
const useStarFavoriteIcon = usePreferences('useStarFavoriteIcon')
useHydratedHead({
title: () => t('nav.favourites'),
})
</script>
<template>
<MainContent>
<template #title>
<NuxtLink to="/favourites" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
<div :class="useStarFavoriteIcon ? 'i-ri:star-line' : 'i-ri:heart-3-line'" />
<span>{{ t('nav.favourites') }}</span>
</NuxtLink>
</template>
<TimelineFavourites v-if="isHydrated" />
</MainContent>
</template>