Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-01-31 15:50:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: apply subsequent meta changes (#3271)

Browse Source
This commit is contained in:
Dizzy 2022-02-16 17:34:06 -04:00 committed by GitHub
parent 77aeaa3288
commit ad52b795e2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/nuxt3/src/meta/runtime/lib/vueuse-head.plugin.ts
View File

@ -7,7 +7,12 @@ export default defineNuxtPlugin((nuxtApp) => {
const head = createHead() const head = createHead()
nuxtApp.vueApp.use(head) nuxtApp.vueApp.use(head)
nuxtApp.hooks.hookOnce('app:mounted', () => { watchEffect(() => head.updateDOM()) })
let headReady = false
nuxtApp.hooks.hookOnce('app:mounted', () => {
watchEffect(() => { head.updateDOM() })
headReady = true
})
nuxtApp._useMeta = (meta: MetaObject) => { nuxtApp._useMeta = (meta: MetaObject) => {
const headObj = ref(meta as any) const headObj = ref(meta as any)
@ -15,11 +20,16 @@ export default defineNuxtPlugin((nuxtApp) => {
if (process.server) { return } if (process.server) { return }
if (headReady) {
watchEffect(() => { head.updateDOM() })
}
const vm = getCurrentInstance() const vm = getCurrentInstance()
if (!vm) { return } if (!vm) { return }
onBeforeUnmount(() => { onBeforeUnmount(() => {
head.removeHeadObjs(headObj) head.removeHeadObjs(headObj)
head.updateDOM()
}) })
} }