From 75e3a199085d81980ec24b45b8eb2e4b110702e8 Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <mysteriousdevs@gmail.com>
Date: Tue, 14 Nov 2023 11:52:30 +0100
Subject: [PATCH 1/6] Begin Work

---
 lib/components/base/Toggle.vue | 40 ++++++++++++++++------------------
 1 file changed, 19 insertions(+), 21 deletions(-)

diff --git a/lib/components/base/Toggle.vue b/lib/components/base/Toggle.vue
index aeb01433f..0dfe5c76e 100644
--- a/lib/components/base/Toggle.vue
+++ b/lib/components/base/Toggle.vue
@@ -8,28 +8,26 @@
   />
 </template>
 
-<script>
-export default {
-  props: {
-    id: {
-      type: String,
-      required: true,
-    },
-    modelValue: {
-      type: Boolean,
-    },
-    checked: {
-      type: Boolean,
-      required: true,
-    },
+<script setup>
+const emit = defineEmits(['update:modelValue'])
+
+const props = defineProps({
+  id: {
+    type: String,
+    required: true,
+  },
+  modelValue: {
+    type: Boolean,
   },
-  emits: ['update:modelValue'],
-  methods: {
-    toggle() {
-      if (!this.disabled) {
-        this.$emit('update:modelValue', !this.modelValue)
-      }
-    },
+  checked: {
+    type: Boolean,
+    required: true,
   },
+})
+
+function toggle() {
+  if (!disabled) {
+    emit('update:modelValue', !props.modelValue)
+  }
 }
 </script>

From 10e098594d04e9e0550a9546235539253fce9d64 Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <mysteriousdevs@gmail.com>
Date: Tue, 14 Nov 2023 13:39:24 +0100
Subject: [PATCH 2/6] Finish convertion

---
 lib/components/base/Toggle.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/lib/components/base/Toggle.vue b/lib/components/base/Toggle.vue
index 0dfe5c76e..dd47aee72 100644
--- a/lib/components/base/Toggle.vue
+++ b/lib/components/base/Toggle.vue
@@ -3,6 +3,9 @@
     :id="id"
     type="checkbox"
     class="switch stylized-toggle"
+    :class="{
+      disabled: disabled,
+    }"
     :checked="checked"
     @change="toggle"
   />
@@ -23,10 +26,14 @@ const props = defineProps({
     type: Boolean,
     required: true,
   },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 function toggle() {
-  if (!disabled) {
+  if (!props.disabled) {
     emit('update:modelValue', !props.modelValue)
   }
 }

From 509e0e88207867a59500237fbbebdf9e2c15c0fa Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <mysteriousdevs@gmail.com>
Date: Wed, 15 Nov 2023 08:48:06 +0100
Subject: [PATCH 3/6] Use disabled props

---
 lib/components/base/Toggle.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/lib/components/base/Toggle.vue b/lib/components/base/Toggle.vue
index dd47aee72..c68ccb2d2 100644
--- a/lib/components/base/Toggle.vue
+++ b/lib/components/base/Toggle.vue
@@ -3,9 +3,7 @@
     :id="id"
     type="checkbox"
     class="switch stylized-toggle"
-    :class="{
-      disabled: disabled,
-    }"
+    :disabled="disabled"
     :checked="checked"
     @change="toggle"
   />

From 2dbd823b92b66bfa358e10e971c55552b7c477b2 Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <mysteriousdevs@gmail.com>
Date: Wed, 15 Nov 2023 08:51:17 +0100
Subject: [PATCH 4/6] Begin use typescript

---
 lib/components/base/Toggle.vue | 30 ++++++++++++------------------
 1 file changed, 12 insertions(+), 18 deletions(-)

diff --git a/lib/components/base/Toggle.vue b/lib/components/base/Toggle.vue
index c68ccb2d2..a31109017 100644
--- a/lib/components/base/Toggle.vue
+++ b/lib/components/base/Toggle.vue
@@ -9,26 +9,20 @@
   />
 </template>
 
-<script setup>
+<script setup lang="ts">
 const emit = defineEmits(['update:modelValue'])
 
-const props = defineProps({
-  id: {
-    type: String,
-    required: true,
-  },
-  modelValue: {
-    type: Boolean,
-  },
-  checked: {
-    type: Boolean,
-    required: true,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-})
+const props = withDefaults(
+  defineProps<{
+    id: string
+    modelValue: boolean
+    checked: boolean
+    disabled: boolean
+  }>(),
+  {
+    disabled: false,
+  }
+)
 
 function toggle() {
   if (!props.disabled) {

From 7ff9958db13155f2f548535697b711af20178eb5 Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <mysteriousdevs@gmail.com>
Date: Wed, 15 Nov 2023 08:54:43 +0100
Subject: [PATCH 5/6] Finsih work

---
 lib/components/base/Toggle.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/lib/components/base/Toggle.vue b/lib/components/base/Toggle.vue
index a31109017..6c5c2baa6 100644
--- a/lib/components/base/Toggle.vue
+++ b/lib/components/base/Toggle.vue
@@ -10,7 +10,9 @@
 </template>
 
 <script setup lang="ts">
-const emit = defineEmits(['update:modelValue'])
+const emit = defineEmits<{
+  'update:modelValue': [boolean]
+}>()
 
 const props = withDefaults(
   defineProps<{

From 14f73a838714e5ce1b7caddc30b3d5f5e07a61a3 Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <mysteriousdevs@gmail.com>
Date: Wed, 15 Nov 2023 08:56:26 +0100
Subject: [PATCH 6/6] Set disabled props, as optional

---
 lib/components/base/Toggle.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/base/Toggle.vue b/lib/components/base/Toggle.vue
index 6c5c2baa6..7fe412d88 100644
--- a/lib/components/base/Toggle.vue
+++ b/lib/components/base/Toggle.vue
@@ -19,7 +19,7 @@ const props = withDefaults(
     id: string
     modelValue: boolean
     checked: boolean
-    disabled: boolean
+    disabled?: boolean
   }>(),
   {
     disabled: false,