{"id":13424045,"url":"https://github.com/sagalbot/vue-select","last_synced_at":"2025-05-12T00:54:50.640Z","repository":{"id":39547758,"uuid":"52935543","full_name":"sagalbot/vue-select","owner":"sagalbot","description":"Everything you wish the HTML \u003cselect\u003e element could do, wrapped up into a lightweight, extensible Vue component.","archived":false,"fork":false,"pushed_at":"2025-03-16T17:13:22.000Z","size":13412,"stargazers_count":4677,"open_issues_count":334,"forks_count":1344,"subscribers_count":55,"default_branch":"master","last_synced_at":"2025-05-12T00:54:38.857Z","etag":null,"topics":["combobox","listbox","select","selecting","selector","vue","vue-component","vue-select","vue2","vue3"],"latest_commit_sha":null,"homepage":"https://vue-select.org","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sagalbot.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["sagalbot"]}},"created_at":"2016-03-02T05:06:02.000Z","updated_at":"2025-05-11T18:00:05.000Z","dependencies_parsed_at":"2024-01-07T12:52:40.982Z","dependency_job_id":"adf11da7-5740-4967-a8d9-cb7d03236f21","html_url":"https://github.com/sagalbot/vue-select","commit_stats":{"total_commits":716,"total_committers":109,"mean_commits":6.568807339449541,"dds":0.5907821229050279,"last_synced_commit":"d2643e37cf24d18e2d1930eea0647f82964b8222"},"previous_names":[],"tags_count":100,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sagalbot%2Fvue-select","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sagalbot%2Fvue-select/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sagalbot%2Fvue-select/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sagalbot%2Fvue-select/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sagalbot","download_url":"https://codeload.github.com/sagalbot/vue-select/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253655955,"owners_count":21943081,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["combobox","listbox","select","selecting","selector","vue","vue-component","vue-select","vue2","vue3"],"created_at":"2024-07-31T00:00:47.433Z","updated_at":"2025-05-12T00:54:50.604Z","avatar_url":"https://github.com/sagalbot.png","language":"JavaScript","readme":"# vue-select ![Current Release](https://img.shields.io/github/release/sagalbot/vue-select.svg?style=flat-square) ![Release Date](https://img.shields.io/github/release-date/sagalbot/vue-select?style=flat-square) ![Bundle Size](https://flat.badgen.net/bundlephobia/min/vue-select) ![Monthly Downloads](https://img.shields.io/npm/dm/vue-select.svg?style=flat-square) [![Coverage Status](https://coveralls.io/repos/github/sagalbot/vue-select/badge.svg?branch=master)](https://coveralls.io/github/sagalbot/vue-select?branch=master) ![MIT License](https://img.shields.io/github/license/sagalbot/vue-select.svg?style=flat-square)\n\n\u003e **Everything you wish the HTML `\u003cselect\u003e` element could do, wrapped up into a lightweight, zero\n\u003e dependency, extensible Vue component.**\n\nVue Select is a feature rich select/dropdown/typeahead component. It provides a default\ntemplate that fits most use cases for a filterable select dropdown. The component is designed to be as\nlightweight as possible, while maintaining high standards for accessibility,\ndeveloper experience, and customization.\n\n- Tagging\n- Filtering / Searching\n- Vuex Support\n- AJAX Support\n- SSR Support\n- Accessible\n- ~20kb Total / ~5kb CSS / ~15kb JS\n- Select Single/Multiple Options\n- Customizable with slots and SCSS variables\n- Zero dependencies\n\n## Documentation\n\nComplete documentation and examples available at https://vue-select.org.\n\n- **[API Documentation](https://vue-select.org)**\n- **[Vue 2 CodePen Template](https://codepen.io/pen?template=VwdrdzG)**\n- **[Vue 3 CodePen Template](https://codepen.io/pen?template=NpwrQO)**\n\n## Sponsors :tada:\n\nIt takes a lot of effort to maintain this project. If it has saved you development time, please consider [sponsoring the project](https://github.com/sponsors/sagalbot)\nwith GitHub sponsors!\n\nHuge thanks to the [sponsors](https://github.com/sponsors/sagalbot) and [contributors](https://github.com/sagalbot/vue-select/graphs/contributors) that make Vue Select possible!\n\n## Get started\n\n**Vue 3 / Vue Select 4.x-beta**\n\n\u003e Vue 3 support is on the `beta` channel: `vue-select@beta`, and will become the new default when `v4` is released. See [#1579](https://github.com/sagalbot/vue-select/issues/1597) for more details!\n\nInstall:\n\n```bash\nyarn add vue-select@beta\n\n# or use npm\n\nnpm install vue-select@beta\n```\n\nThen, import and register the component:\n\n```js\n# main.ts or main.js\n\nimport { createApp } from \"vue\";\nimport App from \"./App.vue\";\n\nimport { VueSelect } from \"vue-select\";\n\ncreateApp(App)\n    .component(\"v-select\", VueSelect)\n    .mount(\"#app\");\n```\n\nThe component itself does not include any CSS. You'll need to include it separately in your Component.vue:\n```vue\n\u003cstyle\u003e\n@import \"vue-select/dist/vue-select.css\";\n\u003c/style\u003e\n```\n\n**Vue 2 / Vue Select 3.x**\n\nInstall:\n\n```bash\nyarn add vue-select\n\n# or use npm\n\nnpm install vue-select\n```\n\nThen, import and register the component:\n\n```js\nimport Vue from \"vue\";\nimport vSelect from \"vue-select\";\n\nVue.component(\"v-select\", vSelect);\n```\n\nThe component itself does not include any CSS. You'll need to include it separately:\n\n```js\nimport \"vue-select/dist/vue-select.css\";\n```\n\nYou can also include vue-select directly in the browser. Check out the\n[documentation for loading from CDN.](https://vue-select.org/guide/install.html#in-the-browser).\n\n## License\n\n[MIT](https://github.com/sagalbot/vue-select/blob/master/LICENSE.md)\n","funding_links":["https://github.com/sponsors/sagalbot"],"categories":["Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","JavaScript","UI组件","Components \u0026 Libraries","UI Components","Awesome Vue.js","UI Components [🔝](#readme)"],"sub_categories":["Libraries \u0026 Plugins","形成","UI Components","Form"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsagalbot%2Fvue-select","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsagalbot%2Fvue-select","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsagalbot%2Fvue-select/lists"}