fix(Chip): proxy attrs to slot

Resolves #2484
nuxt · Oct 31, 2024 · 8669553 · 8669553
1 parent b416a19
commit 8669553
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/runtime/components/Chip.vue b/src/runtime/components/Chip.vue
@@ -41,9 +41,11 @@ export interface ChipSlots {
 
 <script setup lang="ts">
 import { computed } from 'vue'
-import { Primitive } from 'radix-vue'
+import { Primitive, Slot } from 'radix-vue'
 import { useAvatarGroup } from '../composables/useAvatarGroup'
 
+defineOptions({ inheritAttrs: false })
+
 const props = withDefaults(defineProps<ChipProps>(), {
   inset: false,
   standalone: false
@@ -65,7 +67,9 @@ const ui = computed(() => chip({
 
 <template>
   <Primitive :as="as" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <slot />
+    <Slot v-bind="$attrs">
+      <slot />
+    </Slot>
 
     <span v-if="show" :class="ui.base({ class: props.ui?.base })">
       <slot name="content">