feat(taginput): add removeItem as selected slot property (#887) (#888)

Co-authored-by: Ivo van Heel <heel@glr.nl>
oruga-ui · Apr 13, 2024 · c8c26cc · c8c26cc
1 parent ad863a0
commit c8c26cc
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/docs/.vitepress/theme/examples/taginput/custom-selected.vue b/packages/docs/.vitepress/theme/examples/taginput/custom-selected.vue
@@ -27,15 +27,15 @@ function getType(item) {
                 v-model="items"
                 icon="tag"
                 placeholder="Add an item">
-                <template #selected="{ items }">
+                <template #selected="{ items, removeItem }">
                     <o-button
                         v-for="(item, index) in items"
                         :key="index"
                         :label="item"
                         native-type="button"
                         :variant="getType(item)"
                         rounded
-                        @click="$refs.input.removeItem(index, $event)" />
+                        @click="removeItem(index, $event)" />
                 </template>
             </o-taginput>
         </o-field>

diff --git a/packages/oruga/src/components/taginput/Taginput.vue b/packages/oruga/src/components/taginput/Taginput.vue
@@ -485,7 +485,7 @@ defineExpose({ focus: setFocus });
                 @slot Override selected items
                 @binding {unknown[]} items - selected items
             -->
-            <slot name="selected" :items="items">
+            <slot name="selected" :items="items" :remove-item="removeItem">
                 <span
                     v-for="(item, index) in items"
                     :key="getNormalizedItemText(item) + index"