chore: add main pages
This commit is contained in:
parent
0b12a67339
commit
c0915afdb7
@ -11,7 +11,7 @@ useHydratedHead({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<MainContent back>
|
<MainContent back skip-content="nav.blocked_users">
|
||||||
<template #title>
|
<template #title>
|
||||||
<span timeline-title-style>{{ $t('nav.blocked_users') }}</span>
|
<span timeline-title-style>{{ $t('nav.blocked_users') }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
@ -11,7 +11,7 @@ useHydratedHead({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<MainContent>
|
<MainContent skip-content="nav.bookmarks">
|
||||||
<template #title>
|
<template #title>
|
||||||
<NuxtLink to="/bookmarks" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
<NuxtLink to="/bookmarks" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||||
<div i-ri:bookmark-line />
|
<div i-ri:bookmark-line />
|
||||||
|
@ -11,7 +11,7 @@ useHydratedHead({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<MainContent>
|
<MainContent skip-content="nav.conversations">
|
||||||
<template #title>
|
<template #title>
|
||||||
<NuxtLink to="/conversations" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
<NuxtLink to="/conversations" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||||
<div i-ri:at-line />
|
<div i-ri:at-line />
|
||||||
|
@ -11,7 +11,7 @@ useHydratedHead({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<MainContent back>
|
<MainContent back skip-content="nav.blocked_domains">
|
||||||
<template #title>
|
<template #title>
|
||||||
<span timeline-title-style>{{ $t('nav.blocked_domains') }}</span>
|
<span timeline-title-style>{{ $t('nav.blocked_domains') }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
@ -12,7 +12,7 @@ useHydratedHead({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<MainContent>
|
<MainContent skip-content="nav.favourites">
|
||||||
<template #title>
|
<template #title>
|
||||||
<NuxtLink to="/favourites" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
<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'" />
|
<div :class="useStarFavoriteIcon ? 'i-ri:star-line' : 'i-ri:heart-3-line'" />
|
||||||
|
@ -16,7 +16,7 @@ useHydratedHead({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<MainContent>
|
<MainContent skip-content="nav.hashtags">
|
||||||
<template #title>
|
<template #title>
|
||||||
<NuxtLink to="/hashtags" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
<NuxtLink to="/hashtags" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||||
<div class="i-ri:hashtag" />
|
<div class="i-ri:hashtag" />
|
||||||
|
@ -16,7 +16,7 @@ useHydratedHead({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<MainContent>
|
<MainContent skip-content="nav.home">
|
||||||
<template #title>
|
<template #title>
|
||||||
<NuxtLink to="/home" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
<NuxtLink to="/home" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||||
<div i-ri:home-5-line />
|
<div i-ri:home-5-line />
|
||||||
|
@ -11,7 +11,7 @@ useHydratedHead({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<MainContent back>
|
<MainContent back skip-content="nav.muted_users">
|
||||||
<template #title>
|
<template #title>
|
||||||
<span timeline-title-style>{{ $t('nav.muted_users') }}</span>
|
<span timeline-title-style>{{ $t('nav.muted_users') }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
@ -65,10 +65,14 @@ const moreOptions = computed<CommonRouteTabMoreOption>(() => ({
|
|||||||
tooltip: filterText.value,
|
tooltip: filterText.value,
|
||||||
match: !!filter.value,
|
match: !!filter.value,
|
||||||
}))
|
}))
|
||||||
|
const skipContent = computed(() => {
|
||||||
|
const name = route.params.filter
|
||||||
|
return name ? `tab.notifications_${name}` : 'tab.notifications_all'
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<MainContent>
|
<MainContent :skip-content="skipContent">
|
||||||
<template #title>
|
<template #title>
|
||||||
<NuxtLink to="/notifications" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
<NuxtLink to="/notifications" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||||
<div i-ri:notification-4-line />
|
<div i-ri:notification-4-line />
|
||||||
|
@ -11,7 +11,7 @@ useHydratedHead({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<MainContent>
|
<MainContent skip-content="account.pinned">
|
||||||
<template #title>
|
<template #title>
|
||||||
<NuxtLink to="/public/pinned" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
<NuxtLink to="/public/pinned" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||||
<div i-ri:pushpin-line />
|
<div i-ri:pushpin-line />
|
||||||
|
Loading…
Reference in New Issue
Block a user