Expected behavior

I should be able to create multiple Selects from the same array of options without having to create multiple copies of the array and have each select work independently - even when using the same code.

Actual behavior

I have to run extra code to create multiple copies of the options array for the MDBSelect component to function correctly when building forms that use a select in a v-for loop and all share the same options array.

Resources (screenshots, code snippets etc.)

This is horribly inefficient. Additionally, looking at the MDBSelect.vue component, I don't see any time where 'update:options' is emitted. So this requirement can go away entirely.

Please remove 'update:options' from the emits section of the component.

I don't currently have a snippet to share beyond the following:

<div v-for="item in items" v-bind:key="item.id">
    <div class="input-group">
        <MDBSelect :label="`${item.name} Assignment`" :options="selectOptions" :selected="getSelectedValueForItem(item.id)" @update:selected="(x:number)=>changeSelectionForItem(item.id,x)" />
    </div>
</div>
<!--
    this.selectOptions is a prop defined via props: ['selectOptions']
    getSelectedValueForItem is a function of the component:
    getSelectedValueForItem(x:number)
    {
        let selectedOptionId = -1;
        const results = this.editItem.mappings.filter((y:MappedItem)=>y.itemId === x);
        if(results.length > 0) selectedOptionId = results[0].optionId;
        return selectedOptionId;
    }

    changeSelectionForItem is a function of the component:
    changeSelectionForItem(itemId:number,newSelection:number)
    {

        if(newSelection < 0)
        {
            this.editItem.mappings = this.editItem.mappings.filter((y:MappedItem)=>y.itemId === itemId);
        }
        else
        {
            const results = this.editItem.mappings.filter((y:MappedItem)=>y.itemId === itemId);
            if(results.length > 0)
            {
                this.editItem.mappings = this.editItem.mappings.map((y:MappedItem)=>{
                    if(y.itemId === itemId) y.optionId = newSelection;
                    return y;
                })
            }
            else
            {
                this.editItem.mappings.push({
                    itemId: itemId,
                    optionId: newSelection
                })
            }
        }
        this.$emit('update:editItem',this.editItem);
    }
 -->