chore: minify

mayank1513 · mayank1513 · commit e2733e51644e · 2024-06-09T17:13:19.000+05:30
diff --git a/examples/nextjs/src/app/layout.tsx b/examples/nextjs/src/app/layout.tsx
@@ -14,7 +14,7 @@ export default function RootLayout({ children }: { children: React.ReactNode }):
     <html lang="en">
       <body className={inter.className}>
         <ServerTarget />
-        <Core />
+        <Core t="all .5s" />
         <Layout>
           <Header />
           {children}
diff --git a/lib/src/client/core/core.tsx b/lib/src/client/core/core.tsx
@@ -11,18 +11,15 @@ export interface CoreProps {
 const modifyTransition = (documentMinify: Document, themeTransition = "none") => {
   const css = documentMinify.createElement("style");
   /** split by ';' to prevent CSS injection */
-  css.appendChild(
-    documentMinify.createTextNode(`*{transition:${themeTransition.split(";")[0]} !important;}`),
-  );
-  documentMinify.head.appendChild(css);
+  css.textContent = `*{transition:${themeTransition.split(";")[0]} !important;}`;
+  const head = documentMinify.head;
+  head.appendChild(css);
 
   return () => {
     // Force restyle
     getComputedStyle(documentMinify.body);
     // Wait for next tick before removing
-    setTimeout(() => {
-      documentMinify.head.removeChild(css);
-    }, 1);
+    setTimeout(() => head.removeChild(css), 1);
   };
 };
 
@@ -83,7 +80,7 @@ export const Core = ({ t }: CoreProps) => {
     localStorage.setItem(COOKIE_KEY, mode);
     if (serverTargetEl)
       documentMinify.cookie = `${COOKIE_KEY}=${resolvedMode};max-age=31536000;SameSite=Strict;`;
-  }, [resolvedMode, systemMode, mode]);
+  }, [resolvedMode, systemMode, mode, t]);
 
   return null;
 };
