\n\n## Features & characteristics:\n* Vue 3 Compatible\n* NO dependencies\n* Single select\n* Multiple select\n* Tagging\n* Dropdowns\n* Filtering\n* Search with suggestions\n* Logic split into mixins\n* Basic component and support for custom components\n* V-model support\n* Vuex support\n* Async options support\n* Fully configurable (see props list below)\n\n\n## Install & basic usage\n\n```bash\nnpm install vue-multiselect\n```\n\n```vue\n\n
\n \n \n
\n\n\n\n\n\n```\n\n## JSFiddle\n\n[Example JSFiddle](https://jsfiddle.net/mattelen/8cyt3hrn/5/) – Use this for issue reproduction.\n\n## Examples\n\n### Single select / dropdown\n```vue\n\n```\n\n### Single select with search\n```vue\n\n```\n\n### Multiple select with search\n```vue\n\n```\n\n### Tagging\nwith `@tag` event\n```vue\n\n```\n\n``` javascript\n\naddTag (newTag) {\n const tag = {\n name: newTag,\n code: newTag.substring(0, 2) + Math.floor((Math.random() * 10000000))\n }\n this.taggingOptions.push(tag)\n this.taggingSelected.push(tag)\n},\n```\n\n### Asynchronous dropdown\n```vue\n\n \n Oops! No elements found. Consider changing the search query.\n \n\n```\n\n``` javascript\nmethods: {\n asyncFind (query) {\n this.countries = findService(query)\n }\n}\n```\n\n## ⚠️ Build Tool Compatibility\n\n**vue-multiselect requires Vue's Options API to function properly.** There are known issues with certain versions of `@vitejs/plugin-vue` that may inadvertently disable the Options API.\n\n### Known Issue with @vitejs/plugin-vue\n\nIf you're experiencing issues after updating `@vitejs/plugin-vue` to version 5.2.2 or later, consider downgrading to version 5.2.1:\n\n```bash\nnpm install @vitejs/plugin-vue@5.2.1\n```\n\nThis issue occurs because changes in the plugin's configuration handling can disable the Options API even when not explicitly configured. See [issue #1901](https://github.com/shentao/vue-multiselect/issues/1901) for more details.\n\n\n## Special Thanks\n\nThanks to Matt Elen for contributing this version!\n\n> A Vue 3 upgrade of [@shentao's](https://github.com/shentao) [vue-mulitselect](https://github.com/shentao/vue-multiselect) component. The idea is that when you upgrade to Vue 3, you can swap the two components out, and everything should simply work. Feel free to check out our story of how we upgraded our product to Vue 3 on our blog at [suade.org](https://suade.org/a-products-vue-3-migration-a-real-life-story/)\n\n## Contributing\n\n``` bash\n# distribution build with minification\nnpm run bundle\n\n# run unit tests\nnpm run test\n\n```\n","readmeFilename":"README.md","users":{"tztz":true,"jream":true,"mmork":true,"foxted":true,"landen":true,"snafubox":true,"paulkolesnyk":true}}
![\"GetForm](\"./svg/getform.svg\")
\n \n![\"Suade](\"./svg/suade.svg\")
\n \n![\"Storyblok\"](\"https://a.storyblok.com/f/51376/3856x824/fea44d52a9/colored-full.png\")
\n \n![\"Vue](\"./svg/vuemastery.svg\")
\n \n