fix: VfbTags type error in template

uwla · uwla · commit ed5ec66e63b5 · 2024-12-04T09:52:24.000-03:00
diff --git a/src/components/VfbTags.ts b/src/components/VfbTags.ts
@@ -29,7 +29,7 @@ export default defineComponent({
                 newChecked.push(value)
             this.$emit('update:modelValue', newChecked)
         },
-        removeTag(tag: string) {
+        removeTag(tag: any) {
             const newChecked = (this.modelValue as string[]).filter((x: string) => x !== tag);
             this.$emit('update:modelValue', newChecked)
         },
diff --git a/src/components/VfbTags.vue b/src/components/VfbTags.vue
@@ -10,10 +10,11 @@
             >
         </div>
         <div class="vfb-group vfb-buttons" v-show="modelValue.length">
+            <!-- @vue-ignore -->
             <button
-                class="vfb-tag"
-                v-for="(value) in modelValue" :key="value"
+                v-for="(value,i) in modelValue" :key="i"
                 @click="removeTag(value)"
+                class="vfb-tag"
             >
                 <span> {{ value}} </span>
                 <span class="vfb-tag-x">x</span>

Original file line number	Diff line number	Diff line change
`@@ -10,10 +10,11 @@`
`10`	`10`	`>`
`11`	`11`	`</div>`
`12`	`12`	`<div class="vfb-group vfb-buttons" v-show="modelValue.length">`
	`13`	`+ <!-- @vue-ignore -->`
`13`	`14`	`<button`
`14`		`- class="vfb-tag"`
`15`		`- v-for="(value) in modelValue" :key="value"`
	`15`	`+ v-for="(value,i) in modelValue" :key="i"`
`16`	`16`	`@click="removeTag(value)"`
	`17`	`+ class="vfb-tag"`
`17`	`18`	`>`
`18`	`19`	`<span> {{ value}} </span>`
`19`	`20`	`<span class="vfb-tag-x">x</span>`