1
0
mirror of https://github.com/elk-zone/elk synced 2024-12-01 00:08:11 +09:00
elk/pages/notifications.vue

58 lines
1.4 KiB
Vue
Raw Normal View History

2022-11-16 06:21:54 +09:00
<script setup lang="ts">
2023-01-25 03:52:48 +09:00
import type { CommonRouteTabOption } from '~/components/common/CommonRouteTabs.vue'
2022-11-16 06:21:54 +09:00
definePageMeta({
middleware: 'auth',
})
2022-11-28 23:25:32 +09:00
const { t } = useI18n()
const pwaEnabled = useAppConfig().pwaEnabled
2022-11-28 23:25:32 +09:00
2023-01-25 03:52:48 +09:00
const tabs = $computed<CommonRouteTabOption[]>(() => [
2022-11-30 08:25:29 +09:00
{
name: 'all',
to: '/notifications',
display: isHydrated.value ? t('tab.notifications_all') : '',
2022-11-30 08:25:29 +09:00
},
{
name: 'mention',
to: '/notifications/mention',
display: isHydrated.value ? t('tab.notifications_mention') : '',
2022-11-30 08:25:29 +09:00
},
2023-01-25 03:52:48 +09:00
])
2022-11-16 06:21:54 +09:00
</script>
<template>
2022-12-31 03:16:23 +09:00
<MainContent>
2022-11-16 06:21:54 +09:00
<template #title>
2023-01-05 08:17:30 +09:00
<NuxtLink to="/notifications" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
2022-11-30 05:15:53 +09:00
<div i-ri:notification-4-line />
2022-12-28 02:49:15 +09:00
<span>{{ t('nav.notifications') }}</span>
2022-11-30 05:15:53 +09:00
</NuxtLink>
2022-11-16 06:21:54 +09:00
</template>
2022-11-24 15:42:26 +09:00
<template #actions>
<NuxtLink
flex rounded-4 p1
hover:bg-active cursor-pointer transition-100
:title="t('settings.notifications.show_btn')"
to="/settings/notifications"
>
<span aria-hidden="true" i-ri:notification-badge-line />
</NuxtLink>
</template>
2022-11-23 17:08:49 +09:00
<template #header>
<CommonRouteTabs replace :options="tabs" />
2022-11-23 17:08:49 +09:00
</template>
<slot>
<template v-if="pwaEnabled">
<NotificationPreferences />
</template>
<NuxtPage />
</slot>
2022-11-16 06:21:54 +09:00
</MainContent>
</template>