fix(useCssVar): optimize target value tracking by changing targetHadValue to a primitive boolean

ArthurDarkstone · ArthurDarkstone · commit cb0228afdd45 · 2025-06-30T15:02:48.000+08:00
diff --git a/packages/core/useCssVar/index.ts b/packages/core/useCssVar/index.ts
@@ -32,19 +32,19 @@ export function useCssVar(
   const variable = shallowRef(initialValue)
 
   // Track if target has ever had a truthy value
-  const targetHadValue = shallowRef(false)
+  let targetHadValue = false
 
   const elRef = computed(() => {
     const element = unrefElement(target)
 
     if (element) {
-      targetHadValue.value = true
+      targetHadValue = true
       return element
     }
 
     // If target never had a value, use documentElement as fallback
     // If target had a value but now is undefined, don't use fallback
-    return targetHadValue.value ? null : window?.document?.documentElement
+    return targetHadValue ? null : window?.document?.documentElement
   })
 
   function updateCssVar() {
