mirror of
https://github.com/elk-zone/elk.git
synced 2024-11-19 23:40:07 +00:00
feat: improve status detail page title (#485)
This commit is contained in:
parent
2339acaf5e
commit
dfd8b8968a
5 changed files with 15 additions and 2 deletions
|
@ -15,6 +15,12 @@ const status = $computed(() => {
|
||||||
const createdAt = useFormattedDateTime(status.createdAt)
|
const createdAt = useFormattedDateTime(status.createdAt)
|
||||||
|
|
||||||
const visibility = $computed(() => STATUS_VISIBILITIES.find(v => v.value === status.visibility)!)
|
const visibility = $computed(() => STATUS_VISIBILITIES.find(v => v.value === status.visibility)!)
|
||||||
|
|
||||||
|
const { t } = useI18n()
|
||||||
|
|
||||||
|
useHeadFixed({
|
||||||
|
title: () => `${status.account.displayName || status.account.acct} ${t('common.in')} ${t('app_name')}: "${removeHTMLTags(status.content) || ''}"`,
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
@ -2,6 +2,7 @@ import type { Emoji } from 'masto'
|
||||||
|
|
||||||
export const UserLinkRE = /^https?:\/\/([^/]+)\/@([^/]+)$/
|
export const UserLinkRE = /^https?:\/\/([^/]+)\/@([^/]+)$/
|
||||||
export const TagLinkRE = /^https?:\/\/([^/]+)\/tags\/([^/]+)$/
|
export const TagLinkRE = /^https?:\/\/([^/]+)\/tags\/([^/]+)$/
|
||||||
|
export const HTMLTagRE = /<[^>]+>/g
|
||||||
|
|
||||||
export function getDataUrlFromArr(arr: Uint8ClampedArray, w: number, h: number) {
|
export function getDataUrlFromArr(arr: Uint8ClampedArray, w: number, h: number) {
|
||||||
if (typeof w === 'undefined' || typeof h === 'undefined')
|
if (typeof w === 'undefined' || typeof h === 'undefined')
|
||||||
|
@ -29,3 +30,7 @@ export function noop() {}
|
||||||
export const useIsMac = () => computed(() =>
|
export const useIsMac = () => computed(() =>
|
||||||
useRequestHeaders(['user-agent'])['user-agent']?.includes('Macintosh')
|
useRequestHeaders(['user-agent'])['user-agent']?.includes('Macintosh')
|
||||||
?? navigator?.platform?.includes('Mac') ?? false)
|
?? navigator?.platform?.includes('Mac') ?? false)
|
||||||
|
|
||||||
|
export function removeHTMLTags(str: string) {
|
||||||
|
return str.replaceAll(HTMLTagRE, '')
|
||||||
|
}
|
||||||
|
|
|
@ -69,6 +69,7 @@
|
||||||
"common": {
|
"common": {
|
||||||
"end_of_list": "End of the list",
|
"end_of_list": "End of the list",
|
||||||
"error": "ERROR",
|
"error": "ERROR",
|
||||||
|
"in": "in",
|
||||||
"kiloSuffix": "K",
|
"kiloSuffix": "K",
|
||||||
"megaSuffix": "M",
|
"megaSuffix": "M",
|
||||||
"not_found": "404 Not Found",
|
"not_found": "404 Not Found",
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
"follow_requested": "已申请关注",
|
"follow_requested": "已申请关注",
|
||||||
"followers": "关注者",
|
"followers": "关注者",
|
||||||
"followers_count": "被 {0} 人关注",
|
"followers_count": "被 {0} 人关注",
|
||||||
"following": "关注中",
|
"following": "正在关注",
|
||||||
"following_count": "正在关注 {0} 人",
|
"following_count": "正在关注 {0} 人",
|
||||||
"follows_you": "已关注你",
|
"follows_you": "已关注你",
|
||||||
"go_to_profile": "转到个人资料",
|
"go_to_profile": "转到个人资料",
|
||||||
|
@ -68,6 +68,7 @@
|
||||||
"common": {
|
"common": {
|
||||||
"end_of_list": "列表到底啦",
|
"end_of_list": "列表到底啦",
|
||||||
"error": "错误",
|
"error": "错误",
|
||||||
|
"in": "在",
|
||||||
"kiloSuffix": "K",
|
"kiloSuffix": "K",
|
||||||
"megaSuffix": "M",
|
"megaSuffix": "M",
|
||||||
"not_found": "无法找到相关内容",
|
"not_found": "无法找到相关内容",
|
||||||
|
|
|
@ -10,7 +10,7 @@ const paginator = account ? useMasto().accounts.iterateFollowing(account.id, {})
|
||||||
|
|
||||||
if (account) {
|
if (account) {
|
||||||
useHeadFixed({
|
useHeadFixed({
|
||||||
title: () => `${t('account.following')} | ${getDisplayName(account)} (@${account})`,
|
title: () => `${t('account.following')} | ${getDisplayName(account)} (@${account.acct})`,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in a new issue