Revert "fix(dev): resets Absolute Stroke Width (#3005)" (#3197)

This reverts commit dcdc0b8bb3.

docs/.vitepress/theme/components/base/Switch.vue

@@ -3,13 +3,11 @@
   import { Switch } from '@headlessui/vue'
 
   const enabled = ref(false)
-  
 </script>
 
 <template>
   <Switch
     v-model="enabled"
-    :key="enabled"
     class="switch"
     :class="{ enabled }"
   >

docs/.vitepress/theme/components/home/HomeIconCustomizer.vue

@@ -48,12 +48,10 @@ function resetStyle () {
   color.value = 'currentColor'
   strokeWidth.value = 2
   size.value = 24
-  absoluteStrokeWidth.value = false;
 }
 
 watch(absoluteStrokeWidth, (enabled) => {
   iconContainer.value?.classList.toggle('absolute-stroke-width', enabled)
-  
 })
 </script>
 
@@ -123,9 +121,6 @@ watch(absoluteStrokeWidth, (enabled) => {
           >
             <template #display>
               <Switch
-                :key="absoluteStrokeWidth"
-                class="switch"
-                :class="{ enabled: absoluteStrokeWidth }"
                 id="absolute-stroke-width"
                 name="absolute-stroke-width"
                 v-model="absoluteStrokeWidth"

docs/.vitepress/theme/components/icons/SidebarIconCustomizer.vue

@@ -47,7 +47,6 @@ function resetStyle () {
   color.value = STYLE_DEFAULTS.color
   strokeWidth.value = STYLE_DEFAULTS.strokeWidth
   size.value = STYLE_DEFAULTS.size
-  absoluteStrokeWidth.value = STYLE_DEFAULTS.absoluteStrokeWidth
 }
 
 watch(absoluteStrokeWidth, (enabled) => {
@@ -120,16 +119,11 @@ const customizingActive = computed(() => {
       id="absolute-stroke-width"
       label="Absolute Stroke width"
     >
-    
       <Switch
-        id="absolute-stroke-width"
-        name="absolute-stroke-width"
-        :key="absoluteStrokeWidth"
-        class="switch"
-        :class="{ enabled: absoluteStrokeWidth }"
+        id="size"
+        name="size"
         v-model="absoluteStrokeWidth"
       />
-     
     </InputField>
   </div>
 </template>