chore: add main pages

This commit is contained in:
userquin 2024-04-06 01:43:13 +02:00
parent 0b12a67339
commit c0915afdb7
10 changed files with 14 additions and 10 deletions

View file

@ -11,7 +11,7 @@ useHydratedHead({
</script>
<template>
<MainContent back>
<MainContent back skip-content="nav.blocked_users">
<template #title>
<span timeline-title-style>{{ $t('nav.blocked_users') }}</span>
</template>

View file

@ -11,7 +11,7 @@ useHydratedHead({
</script>
<template>
<MainContent>
<MainContent skip-content="nav.bookmarks">
<template #title>
<NuxtLink to="/bookmarks" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
<div i-ri:bookmark-line />

View file

@ -11,7 +11,7 @@ useHydratedHead({
</script>
<template>
<MainContent>
<MainContent skip-content="nav.conversations">
<template #title>
<NuxtLink to="/conversations" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
<div i-ri:at-line />

View file

@ -11,7 +11,7 @@ useHydratedHead({
</script>
<template>
<MainContent back>
<MainContent back skip-content="nav.blocked_domains">
<template #title>
<span timeline-title-style>{{ $t('nav.blocked_domains') }}</span>
</template>

View file

@ -12,7 +12,7 @@ useHydratedHead({
</script>
<template>
<MainContent>
<MainContent skip-content="nav.favourites">
<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'" />

View file

@ -16,7 +16,7 @@ useHydratedHead({
</script>
<template>
<MainContent>
<MainContent skip-content="nav.hashtags">
<template #title>
<NuxtLink to="/hashtags" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
<div class="i-ri:hashtag" />

View file

@ -16,7 +16,7 @@ useHydratedHead({
</script>
<template>
<MainContent>
<MainContent skip-content="nav.home">
<template #title>
<NuxtLink to="/home" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
<div i-ri:home-5-line />

View file

@ -11,7 +11,7 @@ useHydratedHead({
</script>
<template>
<MainContent back>
<MainContent back skip-content="nav.muted_users">
<template #title>
<span timeline-title-style>{{ $t('nav.muted_users') }}</span>
</template>

View file

@ -65,10 +65,14 @@ const moreOptions = computed<CommonRouteTabMoreOption>(() => ({
tooltip: filterText.value,
match: !!filter.value,
}))
const skipContent = computed(() => {
const name = route.params.filter
return name ? `tab.notifications_${name}` : 'tab.notifications_all'
})
</script>
<template>
<MainContent>
<MainContent :skip-content="skipContent">
<template #title>
<NuxtLink to="/notifications" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
<div i-ri:notification-4-line />

View file

@ -11,7 +11,7 @@ useHydratedHead({
</script>
<template>
<MainContent>
<MainContent skip-content="account.pinned">
<template #title>
<NuxtLink to="/public/pinned" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
<div i-ri:pushpin-line />