fix(runtime-dom): apply css vars before mount and before update

linzhe141 · Aug 8, 2024 · 63bb92b · 63bb92b
1 parent 236fb7a
commit 63bb92b
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/runtime-dom/src/helpers/useCssVars.ts b/packages/runtime-dom/src/helpers/useCssVars.ts
@@ -4,6 +4,7 @@ import {
   type VNode,
   getCurrentInstance,
   onBeforeMount,
+  onBeforeUpdate,
   onMounted,
   onUnmounted,
   warn,
@@ -47,6 +48,10 @@ export function useCssVars(getter: (ctx: any) => Record<string, string>) {
     watchPostEffect(setVars)
   })
 
+  onBeforeUpdate(() => {
+    watchPostEffect(setVars)
+  })
+
   onMounted(() => {
     const ob = new MutationObserver(setVars)
     ob.observe(instance.subTree.el!.parentNode, { childList: true })