[FEAT] Allow to toggle checker bg

src/stores/useSettingsStore.ts

@@ -8,6 +8,7 @@ const backgroundColor = ref('transparent');
 const manualCellSizeEnabled = ref(false);
 const manualCellWidth = ref(64);
 const manualCellHeight = ref(64);
+const checkerboardEnabled = ref(true);
 
 // Initialize dark mode from localStorage or system preference
 if (typeof window !== 'undefined') {
@@ -81,6 +82,10 @@ export const useSettingsStore = defineStore('settings', () => {
     setManualCellHeight(height);
   }
 
+  function toggleCheckerboard() {
+    checkerboardEnabled.value = !checkerboardEnabled.value;
+  }
+
   return {
     pixelPerfect,
     darkMode,
@@ -89,6 +94,7 @@ export const useSettingsStore = defineStore('settings', () => {
     manualCellSizeEnabled,
     manualCellWidth,
     manualCellHeight,
+    checkerboardEnabled,
     togglePixelPerfect,
     setPixelPerfect,
     toggleDarkMode,
@@ -99,5 +105,6 @@ export const useSettingsStore = defineStore('settings', () => {
     setManualCellWidth,
     setManualCellHeight,
     setManualCellSize,
+    toggleCheckerboard,
   };
 });