fix: update usedarkmode

oeyoews · Jul 20, 2024 · e4e6922 · e4e6922
1 parent 7d0a4b4
commit e4e6922
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 22 deletions.
diff --git a/entrypoints/sidepanel/Sidepanel.vue b/entrypoints/sidepanel/Sidepanel.vue
@@ -263,7 +263,7 @@ async function saveAuth(option: { username: string; password: string }) {
   }
 }
 
-const handleCommand = async (cmd: string) => {
+const handleCommand = async (cmd: string, components: any, e: MouseEvent) => {
   switch (cmd) {
     case 'journal':
       addJournal();
@@ -284,7 +284,7 @@ const handleCommand = async (cmd: string) => {
       getContent({ tip: true });
       break;
     case 'darkmode':
-      await toggleDark();
+      await toggleDark(e);
       break;
     default:
       break;

diff --git a/hooks/useDarkMode.ts b/hooks/useDarkMode.ts
@@ -48,7 +48,7 @@ export function useDarkMode() {
           clipPath: isDarkMode.value ? [...clipPath].reverse() : clipPath,
         },
         {
-          duration: 250,
+          duration: 450,
           easing: 'ease-in',
           pseudoElement: isDarkMode.value
             ? '::view-transition-old(root)'
@@ -62,27 +62,8 @@ export function useDarkMode() {
     isDarkMode.value = await isDarkModeStorage.getValue();
   });
 
-  watch(isDarkMode, (newVal) => {
-    if (newVal) {
-      document.documentElement.classList.add('dark');
-    } else {
-      document.documentElement.classList.remove('dark');
-    }
-  });
-
   return {
     isDarkMode,
     toggleDark,
   };
 }
-
-// async function toggleDarkMode() {
-//   isDarkMode.value = !isDarkMode.value;
-//   await isDarkModeStorage.setValue(isDarkMode.value);
-//   const DARK = 'dark';
-//   if (isDarkMode.value) {
-//     document.documentElement.classList.add(DARK);
-//   } else {
-//     document.documentElement.classList.remove(DARK);
-//   }
-// }