Allow duplicated tags in bootstrap vue

Hi guys, I am in trouble with using duplicated tags in bootstrap Vue.

I am using the form tags in bootstrap Vue.

Here is the code.

<template>
  <div>
    <b-form-tags v-model="value" no-outer-focus class="mb-2">
      <template v-slot="{ tags, inputAttrs, inputHandlers, tagVariant, addTag, removeTag }">
        <b-input-group class="mb-2">
          <b-form-input
            v-bind="inputAttrs"
            v-on="inputHandlers"
            placeholder="New tag - Press enter to add"
            class="form-control"
          ></b-form-input>
          <b-input-group-append>
            <b-button @click="addTag()" variant="primary">Add</b-button>
          </b-input-group-append>
        </b-input-group>
        <div class="d-inline-block" style="font-size: 1.5rem;">
          <b-form-tag
            v-for="tag in tags"
            @remove="removeTag(tag)"
            :key="tag"
            :title="tag"
            :variant="tagVariant"
            class="mr-1"
          >{{ tag }}</b-form-tag>
        </div>
      </template>
    </b-form-tags>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value: ['apple', 'orange', 'banana']
      }
    }
  }
</script>

I cannot add the same value inside existing values[‘apple’, ‘orange’, ‘banana’]. For example, I cannot add a new value of “apple” if the value of “apple” is already in the value array. This is because the form tag checks duplicated values and blocks to add them to the value array.

please let me know if you have any ideas and solutions to add the same value to this.value array.

Thanks in advanced