teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: explore tabs pages title (#419)

Browse source
This commit is contained in:
Joaquín Sánchez 2022-12-13 19:44:40 +01:00 committed by GitHub
parent 043bfea299
commit efdab68053
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 25 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
pages/[[server]]/explore.vue
View file

@ -27,10 +27,6 @@ const tabs = $computed(() => [
: [], : [],
), ),
] as const) ] as const)
useHeadFixed({
title: () => t('nav_side.explore'),
})
</script> </script>
<template> <template>

6
pages/[[server]]/explore/index.vue
View file

@ -1,9 +1,15 @@
<script lang="ts" setup> <script lang="ts" setup>
import { STORAGE_KEY_HIDE_EXPLORE_POSTS_TIPS } from '~~/constants' import { STORAGE_KEY_HIDE_EXPLORE_POSTS_TIPS } from '~~/constants'
const { t } = useI18n()
const paginator = useMasto().trends.iterateStatuses() const paginator = useMasto().trends.iterateStatuses()
const hideNewsTips = useLocalStorage(STORAGE_KEY_HIDE_EXPLORE_POSTS_TIPS, false) const hideNewsTips = useLocalStorage(STORAGE_KEY_HIDE_EXPLORE_POSTS_TIPS, false)
useHeadFixed({
title: () => `${t('tab.posts')} | ${t('nav_side.explore')}`,
})
</script> </script>
<template> <template>

7
pages/[[server]]/explore/links.vue
View file

@ -2,9 +2,16 @@
// @ts-expect-error missing types // @ts-expect-error missing types
import { DynamicScrollerItem } from 'vue-virtual-scroller' import { DynamicScrollerItem } from 'vue-virtual-scroller'
import { STORAGE_KEY_HIDE_EXPLORE_NEWS_TIPS } from '~~/constants' import { STORAGE_KEY_HIDE_EXPLORE_NEWS_TIPS } from '~~/constants'
const { t } = useI18n()
const paginator = useMasto().trends.links const paginator = useMasto().trends.links
const hideNewsTips = useLocalStorage(STORAGE_KEY_HIDE_EXPLORE_NEWS_TIPS, false) const hideNewsTips = useLocalStorage(STORAGE_KEY_HIDE_EXPLORE_NEWS_TIPS, false)
useHeadFixed({
title: () => `${t('tab.news')} | ${t('nav_side.explore')}`,
})
</script> </script>
<template> <template>

6
pages/[[server]]/explore/tags.vue
View file

@ -2,6 +2,8 @@
import type { Tag } from 'masto' import type { Tag } from 'masto'
import { STORAGE_KEY_HIDE_EXPLORE_TAGS_TIPS } from '~~/constants' import { STORAGE_KEY_HIDE_EXPLORE_TAGS_TIPS } from '~~/constants'
const { t } = useI18n()
const { data, pending, error } = useLazyAsyncData( const { data, pending, error } = useLazyAsyncData(
() => useMasto().trends.fetchTags({ limit: 20 }), () => useMasto().trends.fetchTags({ limit: 20 }),
{ immediate: true }, { immediate: true },
@ -12,6 +14,10 @@ const hideTagsTips = useLocalStorage(STORAGE_KEY_HIDE_EXPLORE_TAGS_TIPS, false)
function getTagUrl(tag: Tag) { function getTagUrl(tag: Tag) {
return new URL(tag.url).pathname return new URL(tag.url).pathname
} }
useHeadFixed({
title: () => `${t('tab.hashtags')} | ${t('nav_side.explore')}`,
})
</script> </script>
<template> <template>

6
pages/[[server]]/explore/users.vue
View file

@ -1,9 +1,15 @@
<script lang="ts" setup> <script lang="ts" setup>
const { t } = useI18n()
// limit: 20 is the default configuration of the official client // limit: 20 is the default configuration of the official client
const { data, pending, error } = useLazyAsyncData( const { data, pending, error } = useLazyAsyncData(
() => useMasto().suggestions.fetchAll({ limit: 20 }), () => useMasto().suggestions.fetchAll({ limit: 20 }),
{ immediate: true }, { immediate: true },
) )
useHeadFixed({
title: () => `${t('tab.for_you')} | ${t('nav_side.explore')}`,
})
</script> </script>
<template> <template>