fix: Fixed invalid ids (tooltip, radio, checkbox) (#40)

soft-stech · Mar 20, 2024 · ccb46fe · ccb46fe
1 parent cb844b8
commit ccb46fe
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/BuiCheckbox/BuiCheckbox.vue b/src/components/BuiCheckbox/BuiCheckbox.vue
@@ -27,7 +27,7 @@ const model = computed({
   }
 })
 
-const id = nanoid(10)
+const id = 'checkbox_' + nanoid(10)
 
 const disabledAttrValue = computed(() => {
   return Object.keys(props).includes('disabled') && props.disabled !== false ? true : undefined

diff --git a/src/components/BuiRadio/BuiRadio.vue b/src/components/BuiRadio/BuiRadio.vue
@@ -26,7 +26,7 @@ const model = computed({
   }
 })
 
-const id = nanoid(10)
+const id = 'radio_' + nanoid(10)
 
 const disabledAttrValue = computed(() => {
   return Object.keys(props).includes('disabled') && props.disabled !== false ? true : undefined

diff --git a/src/components/BuiTooltip/BuiTooltip.vue b/src/components/BuiTooltip/BuiTooltip.vue
@@ -18,7 +18,7 @@ const props = withDefaults(
     event: 'hover'
   }
 )
-const componentId = nanoid()
+const componentId = 'tooltip_' + nanoid()
 
 onMounted(() => {
   const selector = props.variant === 'id' && props.id ? `#${props.id}` : `#${componentId}`