v3.0.2

Changes

• #b9b8153 - Added a new prop called initialValue to throw an initial tags to tags input on page load

!! Note

If you are having an issue where the tags in not initialized on page load, make sure the value is not in pending state, you can fix this by adding some status check like this:

<template>
  ..
  <tags-input
    v-if="!initTags.loading"
    :initial-value="initTags.tags"
    ..
  />
  ..
</template>

<script setup>
..
const initTags = ref({
  tags: [],
  loading: true
})

/** example pending data retrieval **/
const getTags = () => {
  initTags.value.loading = true
  setTimeout (() => {
    initTags.value.tags.push({ key: 1, value: 'test' })  
    initTags.value.loading = true
  }, 5000)
}
/>

v3.0.1

Changes

• Migrated plugin with Vite
• Migrated code from OptionAPI to CompositionAPI and script setup SFC
• Removed unused asset files
• Added example usage (+with TailwindCSS and SASS)

Fixed issues

• Fixed v-model not changing state when adding tag. (Updated with modelValue reference link (vuejs.org))
• Fixed @keydown.8 for deleting tag with backspace no longer working in Vue 3