[FEAT] Clean code

src/stores/useSettingsStore.ts

@@ -10,27 +10,21 @@ const manualCellWidth = ref(64);
 const manualCellHeight = ref(64);
 const checkerboardEnabled = ref(false);
 
-// Initialize dark mode from localStorage or system preference
 if (typeof window !== 'undefined') {
-  // Check localStorage first
   const storedDarkMode = localStorage.getItem('darkMode');
   if (storedDarkMode !== null) {
     darkMode.value = storedDarkMode === 'true';
   } else {
-    // If not in localStorage, check system preference
     darkMode.value = window.matchMedia('(prefers-color-scheme: dark)').matches;
   }
 }
 
 export const useSettingsStore = defineStore('settings', () => {
-  // Watch for changes to update localStorage and apply class
   watch(
     darkMode,
     newValue => {
-      // Save to localStorage
       localStorage.setItem('darkMode', newValue.toString());
 
-      // Apply or remove dark class on document
       if (newValue) {
         document.documentElement.classList.add('dark');
       } else {
@@ -40,7 +34,6 @@ export const useSettingsStore = defineStore('settings', () => {
     { immediate: true }
   );
 
-  // Actions
   function togglePixelPerfect() {
     pixelPerfect.value = !pixelPerfect.value;
   }