From 092cb193d14f5d677e375b21362667bb0df2ec3e Mon Sep 17 00:00:00 2001
From: Dominik Freier <dfreier@users.noreply.github.com>
Date: Wed, 6 Jul 2022 20:37:48 +0200
Subject: [PATCH] fix(useColorMode): resolve auto to preferred mode internally
 (#1766)

Co-authored-by: dfreier <stone_stabiler.0x@icloud.com>
---
 packages/core/useColorMode/index.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/core/useColorMode/index.ts b/packages/core/useColorMode/index.ts
index 61a64bdcbb7..b771e05d1a4 100644
--- a/packages/core/useColorMode/index.ts
+++ b/packages/core/useColorMode/index.ts
@@ -140,7 +140,8 @@ export function useColorMode<T extends string = BasicColorSchema>(options: UseCo
     })
 
   function defaultOnChanged(mode: T | BasicColorSchema) {
-    updateHTMLAttrs(selector, attribute, modes[mode] ?? mode)
+    const resolvedMode = mode === 'auto' ? preferredMode.value : mode
+    updateHTMLAttrs(selector, attribute, modes[resolvedMode] ?? resolvedMode)
   }
 
   function onChanged(mode: T | BasicColorSchema) {