2022-11-17 13:09:05 +00:00
|
|
|
<script setup lang="ts">
|
2022-11-28 14:25:32 +00:00
|
|
|
const { t } = useI18n()
|
|
|
|
|
2022-12-11 10:52:36 +00:00
|
|
|
const tabs = $computed(() => [
|
|
|
|
{
|
2023-01-11 14:50:47 +00:00
|
|
|
to: isHydrated.value ? `/${currentServer.value}/explore` : '/explore',
|
2023-01-12 18:35:26 +00:00
|
|
|
display: isHydrated.value ? t('tab.posts') : '',
|
2022-12-11 10:52:36 +00:00
|
|
|
},
|
|
|
|
{
|
2023-01-11 14:50:47 +00:00
|
|
|
to: isHydrated.value ? `/${currentServer.value}/explore/tags` : '/explore/tags',
|
2023-01-12 18:35:26 +00:00
|
|
|
display: isHydrated.value ? t('tab.hashtags') : '',
|
2022-12-11 10:52:36 +00:00
|
|
|
},
|
|
|
|
{
|
2023-01-11 14:50:47 +00:00
|
|
|
to: isHydrated.value ? `/${currentServer.value}/explore/links` : '/explore/links',
|
2023-01-12 18:35:26 +00:00
|
|
|
display: isHydrated.value ? t('tab.news') : '',
|
2022-12-11 10:52:36 +00:00
|
|
|
},
|
|
|
|
// This section can only be accessed after logging in
|
2022-12-26 05:39:18 +00:00
|
|
|
{
|
2023-01-11 14:50:47 +00:00
|
|
|
to: isHydrated.value ? `/${currentServer.value}/explore/users` : '/explore/users',
|
2023-01-12 18:35:26 +00:00
|
|
|
display: isHydrated.value ? t('tab.for_you') : '',
|
2023-01-15 08:38:02 +00:00
|
|
|
disabled: !isHydrated.value || !currentUser.value,
|
2022-12-26 05:39:18 +00:00
|
|
|
},
|
2022-12-11 10:52:36 +00:00
|
|
|
] as const)
|
2022-11-17 13:09:05 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2022-12-30 18:16:23 +00:00
|
|
|
<MainContent>
|
2022-11-17 13:09:05 +00:00
|
|
|
<template #title>
|
2023-01-17 20:30:06 +00:00
|
|
|
<span timeline-title-style flex @click="$scrollToTop">
|
|
|
|
<SearchWidget ref="search" />
|
2022-12-11 10:52:36 +00:00
|
|
|
</span>
|
2022-11-17 13:09:05 +00:00
|
|
|
</template>
|
2022-11-24 06:42:26 +00:00
|
|
|
|
2022-12-11 10:52:36 +00:00
|
|
|
<template #header>
|
|
|
|
<CommonRouteTabs replace :options="tabs" />
|
|
|
|
</template>
|
2023-01-15 08:38:02 +00:00
|
|
|
<NuxtPage v-if="isHydrated" />
|
2022-11-17 13:09:05 +00:00
|
|
|
</MainContent>
|
|
|
|
</template>
|