From 9f944506e04a07dd22f3f89ada411aa9058177d7 Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Wed, 17 Nov 2021 20:12:15 +0530
Subject: [PATCH] refactor: convert to script setup

---
 .../components/smart/Checkbox.vue             | 20 +++++++++----------
 .../components/smart/Toggle.vue               | 20 +++++++++----------
 2 files changed, 18 insertions(+), 22 deletions(-)

diff --git a/packages/hoppscotch-app/components/smart/Checkbox.vue b/packages/hoppscotch-app/components/smart/Checkbox.vue
index 88a7301ce..7a749d229 100644
--- a/packages/hoppscotch-app/components/smart/Checkbox.vue
+++ b/packages/hoppscotch-app/components/smart/Checkbox.vue
@@ -28,17 +28,15 @@
   </div>
 </template>
 
-<script>
-import { defineComponent } from "@nuxtjs/composition-api"
-
-export default defineComponent({
-  props: {
-    on: {
-      type: Boolean,
-      default: false,
-    },
-  },
-})
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    on: Boolean
+  }>(),
+  {
+    on: false,
+  }
+)
 </script>
 
 <style scoped lang="scss">
diff --git a/packages/hoppscotch-app/components/smart/Toggle.vue b/packages/hoppscotch-app/components/smart/Toggle.vue
index f5de70ae8..15babc158 100644
--- a/packages/hoppscotch-app/components/smart/Toggle.vue
+++ b/packages/hoppscotch-app/components/smart/Toggle.vue
@@ -12,17 +12,15 @@
   </div>
 </template>
 
-<script>
-import { defineComponent } from "@nuxtjs/composition-api"
-
-export default defineComponent({
-  props: {
-    on: {
-      type: Boolean,
-      default: false,
-    },
-  },
-})
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    on: Boolean
+  }>(),
+  {
+    on: false,
+  }
+)
 </script>
 
 <style scoped lang="scss">