feat(useColorMode): disableTransition support pseudo-elements

vueuse · May 31, 2023 · af367dc · af367dc
1 parent b7b985b
commit af367dc
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/packages/core/useColorMode/index.ts b/packages/core/useColorMode/index.ts
@@ -156,7 +156,18 @@ export function useColorMode<T extends string = BasicColorMode>(
       let style: HTMLStyleElement | undefined
       if (disableTransition) {
         style = window!.document.createElement('style')
-        style.appendChild(document.createTextNode('*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}'))
+        const styleString = `
+          *,
+          *::before,
+          *::after {
+            -webkit-transition: none !important;
+            -moz-transition: none !important;
+            -o-transition: none !important;
+            -ms-transition: none !important;
+            transition: none !important;
+          }
+        `
+        style.appendChild(document.createTextNode(styleString))
         window!.document.head.appendChild(style)
       }