feat: DSL 磁力聚合 — 搜索/解析/预览/投递 + cilisousuo 源 + 中英双语 + Docker 部署
This commit is contained in:
@@ -0,0 +1,48 @@
|
||||
import { locale, translateDocument } from '~/utils/i18n'
|
||||
|
||||
export default defineNuxtPlugin(() => {
|
||||
const applyLangAttr = () => {
|
||||
if (import.meta.client) {
|
||||
document.documentElement.lang = locale.value === 'zh' ? 'zh-CN' : 'en'
|
||||
}
|
||||
}
|
||||
|
||||
const run = () => {
|
||||
translateDocument()
|
||||
applyLangAttr()
|
||||
}
|
||||
|
||||
// 初次翻译:等 DOM 就绪
|
||||
if (import.meta.client) {
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', run, { once: true })
|
||||
} else {
|
||||
run()
|
||||
}
|
||||
}
|
||||
|
||||
// 客户端渲染 / 数据刷新会改变 DOM,用 MutationObserver 兜底重新翻译
|
||||
if (import.meta.client) {
|
||||
let scheduled = false
|
||||
const schedule = () => {
|
||||
if (scheduled) return
|
||||
scheduled = true
|
||||
requestAnimationFrame(() => {
|
||||
scheduled = false
|
||||
translateDocument()
|
||||
})
|
||||
}
|
||||
const observer = new MutationObserver(schedule)
|
||||
observer.observe(document.body, { childList: true, subtree: true, characterData: true })
|
||||
|
||||
// 路由切换
|
||||
const router = useRouter()
|
||||
router.afterEach(() => nextTick(schedule))
|
||||
|
||||
// 语言切换时整体重翻
|
||||
watch(locale, () => {
|
||||
applyLangAttr()
|
||||
translateDocument()
|
||||
})
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user