fix(style-vars): apply css vars in post flush effect

yyx990803 · yyx990803 · commit 3a6b1207fa39 · 2020-11-16T15:40:16.000-05:00
diff --git a/packages/runtime-dom/src/helpers/useCssVars.ts b/packages/runtime-dom/src/helpers/useCssVars.ts
@@ -30,7 +30,7 @@ export function useCssVars(
 
   const setVars = () =>
     setVarsOnVNode(instance.subTree, getter(instance.proxy!), prefix)
-  onMounted(() => watchEffect(setVars))
+  onMounted(() => watchEffect(setVars, { flush: 'post' }))
   onUpdated(setVars)
 }
 

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@ export function useCssVars(`
`30`	`30`
`31`	`31`	`const setVars = () =>`
`32`	`32`	`setVarsOnVNode(instance.subTree, getter(instance.proxy!), prefix)`
`33`		`- onMounted(() => watchEffect(setVars))`
	`33`	`+ onMounted(() => watchEffect(setVars, { flush: 'post' }))`
`34`	`34`	`onUpdated(setVars)`
`35`	`35`	`}`
`36`	`36`