From: Evan You <yyx990803@gmail.com>
Date: Mon, 16 Nov 2020 20:40:16 +0000 (-0500)
Subject: fix(style-vars): apply css vars in post flush effect
X-Git-Tag: v3.0.3~51
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=3a6b1207fa39cb35eed5bae0b5fdcdb465926bca;p=thirdparty%2Fvuejs%2Fcore.git

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 ff90ec8ce6..1f5ac7fae4 100644
--- 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)
 }