@henriquepetrelli/hp-design-system 1.1.14 → 1.1.16

package/dist/hp-design-system.umd.js

@@ -1427,12 +1427,19 @@
 
   const emit = __emit;
 
-  const isDarkMode = vue.ref(false);
+  const isDarkMode = vue.ref(
+    typeof window !== 'undefined' && localStorage.getItem('theme') === 'dark'
+  );
 
   const applyTheme = (isDark) => {
-    document.documentElement.classList.toggle('dark', isDark);
-    document.documentElement.classList.toggle('light', !isDark);
-    localStorage.setItem('theme', isDark ? 'dark' : 'light');
+    if (typeof document === 'undefined') return
+
+    const theme = isDark ? 'dark' : 'light';
+
+    document.documentElement.classList.remove('dark', 'light');
+    document.documentElement.classList.add(theme);
+
+    localStorage.setItem('theme', theme);
   };
 
   const toggleTheme = () => {
@@ -1445,17 +1452,6 @@
     toggleTheme();
   };
 
-  vue.onMounted(() => {
-    const savedTheme =
-      localStorage.getItem('theme') ||
-      (window.matchMedia('(prefers-color-scheme: dark)').matches
-        ? 'dark'
-        : 'light');
-
-    isDarkMode.value = savedTheme === 'dark';
-    applyTheme(isDarkMode.value);
-  });
-
   vue.watch(
     () => props.modelValue,
     (value) => {
@@ -1518,7 +1514,7 @@
   }
 
   };
-  const ThemeSwitcher = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-699fb0fe"]]);
+  const ThemeSwitcher = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-ba2225dd"]]);
 
   const _hoisted_1$3 = { class: "input__fieldset" };
   const _hoisted_2$3 = {