refactor: "system" means no localStore entry

Author: Zmyslny

scripts/ColorSchemeSwitchThreeStates/SwitchScript.php

@@ -51,7 +51,6 @@ public function getPlaceholders(): array
             '__TOGGLE_KEY__' => $this->key,
             '__DARK__' => SchemeTypeEnum::DARK->value,
             '__LIGHT__' => SchemeTypeEnum::LIGHT->value,
-            '__SYSTEM__' => SchemeTypeEnum::SYSTEM->value,
         ];
     }
 

scripts/ColorSchemeSwitchThreeStates/js/switch-script.js

@@ -22,7 +22,7 @@
       } else if (window.matchMedia("(prefers-color-scheme: light)").matches) {
         setColorScheme("__LIGHT__");
       }
-      localStorage.colorScheme = "__SYSTEM__";
+      localStorage.removeItem("colorScheme");
     } else {
       setColorScheme("__DARK__");
       localStorage.colorScheme = "__DARK__";

scripts/ColorSchemeSwitchThreeStates/view/hero-icons-tailwind-alpine.blade.php

@@ -6,7 +6,7 @@
 
 <button x-data="{
             refresh() {
-                this.isSystem = localStorage.getItem('colorScheme') === '{{ SchemeTypeEnum::SYSTEM }}';
+                this.isSystem = localStorage.getItem('colorScheme') === null;
                 this.isDark = localStorage.getItem('colorScheme') === '{{  SchemeTypeEnum::DARK }}';
                 this.isLight = localStorage.getItem('colorScheme') === '{{ SchemeTypeEnum::LIGHT }}';
             },

tests/Unit/ColorSchemeSwitchThreeStates/ColorSchemeSwitchScriptTest.php

@@ -77,6 +77,5 @@
         '__TOGGLE_KEY__' => 'k',
         '__DARK__' => SchemeTypeEnum::DARK->value,
         '__LIGHT__' => SchemeTypeEnum::LIGHT->value,
-        '__SYSTEM__' => SchemeTypeEnum::SYSTEM->value,
     ]);
 });