{"id":13823042,"url":"https://github.com/moreta/vue-search-select","last_synced_at":"2025-04-08T09:06:57.428Z","repository":{"id":44640598,"uuid":"59226604","full_name":"moreta/vue-search-select","owner":"moreta","description":"A Vue.js search select component","archived":false,"fork":false,"pushed_at":"2023-09-24T09:40:15.000Z","size":6469,"stargazers_count":404,"open_issues_count":54,"forks_count":126,"subscribers_count":12,"default_branch":"main","last_synced_at":"2024-10-29T20:25:29.333Z","etag":null,"topics":["select","vue","vue-component"],"latest_commit_sha":null,"homepage":"https://vue-search-select.netlify.com","language":"CSS","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/moreta.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-05-19T17:09:41.000Z","updated_at":"2024-10-08T15:26:46.000Z","dependencies_parsed_at":"2022-09-12T06:41:02.481Z","dependency_job_id":"964a5eb1-c9ec-404c-8bd1-01b8b02380d7","html_url":"https://github.com/moreta/vue-search-select","commit_stats":{"total_commits":237,"total_committers":22,"mean_commits":"10.772727272727273","dds":"0.23628691983122363","last_synced_commit":"ab6d9af161860eeec444abd6f067a7a2311e7411"},"previous_names":[],"tags_count":62,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moreta%2Fvue-search-select","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moreta%2Fvue-search-select/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moreta%2Fvue-search-select/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moreta%2Fvue-search-select/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/moreta","download_url":"https://codeload.github.com/moreta/vue-search-select/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247809964,"owners_count":20999816,"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":["select","vue","vue-component"],"created_at":"2024-08-04T08:02:31.289Z","updated_at":"2025-04-08T09:06:57.394Z","avatar_url":"https://github.com/moreta.png","language":"CSS","funding_links":[],"categories":["UI Components [🔝](#readme)","Vue","Components \u0026 Libraries"],"sub_categories":["UI Components"],"readme":"# vue-search-select\n\nA Vue.js search select component with NO dependencies.\n\n+ CSS borrowed from \u003chttps://github.com/Semantic-Org\u003e\n\n## Version 3\n\n+ Support Vue.js 3.x\n\n### export files\n\nThere are three file.\n\n+ VueSearchSelect.js\n+ VueSearchSelect.umd.js\n+ VueSearchSelect.css\n\n### Components\n\n+ ModelSelect (from v2.3.8)\n + value set through v-model\n + value can be string, number, boolean and object\n + If you v-model type is string, onInput set by string. (Not option object)\n+ ModelListSelect (from v2.3.8)\n + value set through v-model\n + Can pass custom list and customize display text to Component\n + Wrap ModelSelect component\n+ MultiSelect\n + search select for multiple select\n+ MultiListSelect\n + ListSelect for MultiSelect\n\nVersion2's BasicSelect, ListSelect components are removed.\n\n### Styles\n\n```js\nimport \"vue-search-select/dist/VueSearchSelect.css\"\n```\nSemantic-ui-css compatible html and css classes used.\n\nIf you already use semantic-ui(or fomantic-ui) VueSearchSelect.css import is unnecessary.\nIf you want use vue-search-select without semantic-ui-css, import VueSearchSelect.css.\n\n\n### Release Notes\n\n\u003chttps://github.com/moreta/vue-search-select/releases\u003e\n\n# Demo\n\n\u003chttps://vue-search-select.netlify.com\u003e\n\n# Usage\n\n## Install\n\n```bash\nnpm install --save vue-search-select\nyarn add vue-search-select\npnpm add vue-search-select\n```\n\n# Props\n\n| Component | Name | Type | Default | Description |\n|-----------------|---------------------|----------|----------------------------|-------------------------------------|\n| ModelSelect | options | Array | | option list |\n| | isError | Boolean | false | error style |\n| | isDisabled | Boolean | false | disable component |\n| | placeholder | String | '' | |\n| | filterPredicate | String | new RegExp(inputText, 'i') | |\n| | customAttr | Function | () =\u003e '' | Add custom html attribute |\n| | name | String | | input form name attribute |\n| | id | String | | id attribute |\n| | searchchange | Event | | event triggered on search change |\n| | blur | Event | | event triggered on input blur |\n| ModelListSelect | list | Array | | option list |\n| | optionValue | String | | value key |\n| | optionText | String | | text key |\n| | customText | Function | | custom text function |\n| | optionDisabled | String | false | disabled key |\n| | isError | Boolean | false | error style |\n| | isDisabled | Boolean | false | disable component |\n| | placeholder | String | '' | |\n| | filterPredicate | String | new RegExp(inputText, 'i') | |\n| | name | String | | input form name attribute |\n| | id | String | | id attribute |\n| | searchchange | Event | | event triggered on search change |\n| | blur | Event | | event triggered on input blur |\n| MultiSelect | options | Array | | option list |\n| | selectedOptions | Array | | default option list |\n| | isError | Boolean | false | error style |\n| | isDisabled | Boolean | false | disable component |\n| | placeholder | String | '' | |\n| | filterPredicate | String | new RegExp(inputText, 'i') | |\n| | customAttr | Function | () =\u003e '' | Add custom html attribute |\n| | hideSelectedOptions | Boolean | false | Hide Option list that item selected |\n| | name | String | | input form name attribute |\n| | id | String | | id attribute |\n| | searchchange | Event | | event triggered on search change |\n| | blur | Event | | event triggered on input blur |\n| | select | Event | | event triggered when item selected |\n| MultiListSelect | list | Array | | option list |\n| | optionValue | String | | value key |\n| | optionText | String | | text key |\n| | customText | Function | | custom text function |\n| | optionDisabled | String | false | disabled key |\n| | selectedItems | Array | | default option(raw object) |\n| | isError | String | false | error style |\n| | isDisabled | Boolean | false | disable component |\n| | placeholder | String | '' | |\n| | filterPredicate | String | new RegExp(inputText, 'i') | |\n| | name | String | | input form name attribute |\n| | id | String | | id attribute |\n| | searchchange | Event | | event triggered on search change |\n| | blur | Event | | event triggered on input blur |\n| | select | Event | | event triggered when item selected |\n\n# Run examples\n\n```bash\npnpm run build\npnpm run dev:docs\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoreta%2Fvue-search-select","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmoreta%2Fvue-search-select","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoreta%2Fvue-search-select/lists"}