From 5b20d24c436c8c61b0023c8fe14e8a94afc73d0a Mon Sep 17 00:00:00 2001
From: Arpit Singh <arpitsingh@Mac.mshome.net>
Date: Sat, 27 Jul 2024 18:23:21 +0530
Subject: [PATCH 1/2] Setup a basic badge component

---
 package.json                   |  3 ++-
 src/components/smart/Badge.vue | 11 +++++++++++
 src/components/smart/index.ts  |  1 +
 src/stories/Badge.story.vue    | 12 ++++++++++++
 4 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 src/components/smart/Badge.vue
 create mode 100644 src/stories/Badge.story.vue

diff --git a/package.json b/package.json
index 5774565..8a2c360 100644
--- a/package.json
+++ b/package.json
@@ -118,5 +118,6 @@
       "types": "./dist/src/helpers/index.d.ts"
     }
   },
-  "types": "./dist/index.d.ts"
+  "types": "./dist/index.d.ts",
+  "packageManager": "pnpm@9.5.0+sha256.dbdf5961c32909fb030595a9daa1dae720162e658609a8f92f2fa99835510ca5"
 }
diff --git a/src/components/smart/Badge.vue b/src/components/smart/Badge.vue
new file mode 100644
index 0000000..4be7efb
--- /dev/null
+++ b/src/components/smart/Badge.vue
@@ -0,0 +1,11 @@
+<template>
+    <div>hi</div>
+  </template>
+ 
+  <script setup lang="ts">
+  
+  </script>
+ 
+  <style lang="scss" scoped>
+
+  </style>
\ No newline at end of file
diff --git a/src/components/smart/index.ts b/src/components/smart/index.ts
index 8ec827c..83cc3cc 100644
--- a/src/components/smart/index.ts
+++ b/src/components/smart/index.ts
@@ -25,3 +25,4 @@ export { default as HoppSmartPlaceholder } from "./Placeholder.vue"
 export { default as HoppSmartTree } from "./Tree.vue"
 export { default as HoppSmartTreeBranch } from "./TreeBranch.vue"
 export { default as HoppSmartSelectWrapper } from "./SelectWrapper.vue"
+export { default as HoppSmartBadge } from "./Badge.vue"
diff --git a/src/stories/Badge.story.vue b/src/stories/Badge.story.vue
new file mode 100644
index 0000000..2323c06
--- /dev/null
+++ b/src/stories/Badge.story.vue
@@ -0,0 +1,12 @@
+<template>
+    <Story title="Badge">
+      <Variant title="Single">
+        <HoppSmartBadge />
+    </Variant>
+    </Story>
+  </template>
+  
+  <script setup lang="ts">
+  import { HoppSmartBadge } from "../components/smart"
+  </script>
+  
\ No newline at end of file

From 55fdc20e3ec4ec33f21e4eb7d7428a148237c265 Mon Sep 17 00:00:00 2001
From: Arpit Singh <arpitsingh@Mac.mshome.net>
Date: Sat, 27 Jul 2024 18:31:54 +0530
Subject: [PATCH 2/2] made the checkbox on by default using the vue code and
 remove ref which was causing the error

---
 src/components/smart/Badge.vue    | 11 -----------
 src/components/smart/Checkbox.vue |  2 +-
 src/components/smart/index.ts     |  3 +--
 src/stories/Badge.story.vue       | 12 ------------
 src/stories/Checkbox.story.vue    |  6 +-----
 5 files changed, 3 insertions(+), 31 deletions(-)
 delete mode 100644 src/components/smart/Badge.vue
 delete mode 100644 src/stories/Badge.story.vue

diff --git a/src/components/smart/Badge.vue b/src/components/smart/Badge.vue
deleted file mode 100644
index 4be7efb..0000000
--- a/src/components/smart/Badge.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-    <div>hi</div>
-  </template>
- 
-  <script setup lang="ts">
-  
-  </script>
- 
-  <style lang="scss" scoped>
-
-  </style>
\ No newline at end of file
diff --git a/src/components/smart/Checkbox.vue b/src/components/smart/Checkbox.vue
index 50b65e5..8bfd1cc 100644
--- a/src/components/smart/Checkbox.vue
+++ b/src/components/smart/Checkbox.vue
@@ -39,7 +39,7 @@ const checkboxID = `checkbox-${checkboxIDCounter++}`
 defineProps({
   on: {
     type: Boolean,
-    default: false,
+    default: true, // Set default to true
   },
   name: {
     type: String,
diff --git a/src/components/smart/index.ts b/src/components/smart/index.ts
index 83cc3cc..fd8749f 100644
--- a/src/components/smart/index.ts
+++ b/src/components/smart/index.ts
@@ -24,5 +24,4 @@ export { default as HoppSmartPicture } from "./Picture.vue"
 export { default as HoppSmartPlaceholder } from "./Placeholder.vue"
 export { default as HoppSmartTree } from "./Tree.vue"
 export { default as HoppSmartTreeBranch } from "./TreeBranch.vue"
-export { default as HoppSmartSelectWrapper } from "./SelectWrapper.vue"
-export { default as HoppSmartBadge } from "./Badge.vue"
+export { default as HoppSmartSelectWrapper } from "./SelectWrapper.vue"
\ No newline at end of file
diff --git a/src/stories/Badge.story.vue b/src/stories/Badge.story.vue
deleted file mode 100644
index 2323c06..0000000
--- a/src/stories/Badge.story.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-    <Story title="Badge">
-      <Variant title="Single">
-        <HoppSmartBadge />
-    </Variant>
-    </Story>
-  </template>
-  
-  <script setup lang="ts">
-  import { HoppSmartBadge } from "../components/smart"
-  </script>
-  
\ No newline at end of file
diff --git a/src/stories/Checkbox.story.vue b/src/stories/Checkbox.story.vue
index 77c7a89..5356f2f 100644
--- a/src/stories/Checkbox.story.vue
+++ b/src/stories/Checkbox.story.vue
@@ -1,15 +1,11 @@
 <template>
   <Story title="Checkbox">
     <Variant title="Single">
-      <HoppSmartCheckbox :on="on" />
+      <HoppSmartCheckbox />
     </Variant>
   </Story>
 </template>
 
 <script setup lang="ts">
 import { HoppSmartCheckbox } from "../components/smart"
-
-import { ref } from "vue"
-
-const on = ref(true)
 </script>