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> </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>

View file

@ -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 />

View file

@ -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 />

View file

@ -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>

View file

@ -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'" />

View file

@ -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" />

View file

@ -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 />

View file

@ -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>

View file

@ -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 />

View file

@ -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 />