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

diff --git a/packages/runtime-dom/src/helpers/useCssVars.ts b/packages/runtime-dom/src/helpers/useCssVars.ts
index ff90ec8ce646b7cfcba58006f9f01f4dc02a0256..1f5ac7fae48c9b7a8cc67498637802f215dd3734 100644 (file)
--- 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)
 }