From 44e6da1402fa2b6f5a0a0c692cd693a8ff1a40a3 Mon Sep 17 00:00:00 2001 From: Evan You Date: Wed, 15 Jul 2020 18:31:10 -0400 Subject: [PATCH] fix(runtime-dom): unref when setting useCssVars --- packages/runtime-dom/src/helpers/useCssVars.ts | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/runtime-dom/src/helpers/useCssVars.ts b/packages/runtime-dom/src/helpers/useCssVars.ts index fde938801..42f5d6625 100644 --- a/packages/runtime-dom/src/helpers/useCssVars.ts +++ b/packages/runtime-dom/src/helpers/useCssVars.ts @@ -5,7 +5,8 @@ import { watchEffect, warn, VNode, - Fragment + Fragment, + unref } from '@vue/runtime-core' import { ShapeFlags } from '@vue/shared/src' @@ -45,7 +46,7 @@ function setVarsOnVNode( if (vnode.shapeFlag & ShapeFlags.ELEMENT && vnode.el) { const style = vnode.el.style for (const key in vars) { - style.setProperty(`--${prefix}${key}`, vars[key]) + style.setProperty(`--${prefix}${key}`, unref(vars[key])) } } else if (vnode.type === Fragment) { ;(vnode.children as VNode[]).forEach(c => setVarsOnVNode(c, vars, prefix))