fix(runtime-dom): apply css vars before mount (#11538)

fix #11533
vuejs · Aug 7, 2024 · fdc2a31 · fdc2a31
1 parent e359ff0
commit fdc2a31
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/runtime-dom/src/helpers/useCssVars.ts b/packages/runtime-dom/src/helpers/useCssVars.ts
@@ -3,6 +3,7 @@ import {
  Static,
  type VNode,
  getCurrentInstance,
+ onBeforeMount,
  onMounted,
  onUnmounted,
  warn,
@@ -42,8 +43,11 @@ export function useCssVars(getter: (ctx: any) => Record<string, string>) {
  updateTeleports(vars)
  }
 
- onMounted(() => {
+ onBeforeMount(() => {
  watchPostEffect(setVars)
+ })
+
+ onMounted(() => {
  const ob = new MutationObserver(setVars)
  ob.observe(instance.subTree.el!.parentNode, { childList: true })
  onUnmounted(() => ob.disconnect())