{"_id":"@anthonygore/vue3-autocomplete","name":"@anthonygore/vue3-autocomplete","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.4":{"name":"@anthonygore/vue3-autocomplete","version":"1.0.4","private":false,"main":"dist/vue3-autocomplete.common.js","unpkg":"dist/vue3-autocomplete.umd.min.js","jsdelivr":"dist/vue3-autocomplete.umd.min.js","keywords":["vue","vuejs","vue3","autocomplete","select","search"],"homepage":"https://github.com/Takachi67/vue3-autocomplete#readme","repository":{"type":"git","url":"git+https://github.com/Takachi67/vue3-autocomplete.git"},"bugs":{"url":"https://github.com/Takachi67/vue3-autocomplete/issues"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name vue3-autocomplete src/Autocomplete.vue","prepublishOnly":"$npm_execpath run build","test:unit":"vue-cli-service test:unit"},"dependencies":{"axios":">=0.21.1 <1","sass":"^1.27.0","sass-loader":"^10.0.3","typescript":"^4.0.3","vue":"^3.0.0"},"devDependencies":{"@vue/cli-plugin-typescript":"^4.5.7","@vue/cli-plugin-unit-jest":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.0","@vue/test-utils":"^2.0.0-0","vue-jest":"^5.0.0-0"},"browserslist":["> 1%","last 2 versions","not dead"],"jest":{"preset":"@vue/cli-plugin-unit-jest/presets/no-babel","transform":{"^.+\\.vue$":"vue-jest"}},"gitHead":"5c8ffbcd12f8d88aef74962f9e4594651106ff9a","description":"## Table of contents","_id":"@anthonygore/vue3-autocomplete@1.0.4","_nodeVersion":"14.17.3","_npmVersion":"7.20.2","dist":{"integrity":"sha512-8E97bN2gL06qXk6hpuvIBEE8GtmtQdC2ZZg/PRlOQ5R6i4/x8d+naYpzBWTKJxkZ0Yy1WWWFJw6GnE50VTXL/A==","shasum":"a6cd487793c6723716e11a6e11d00b3a2b227e9e","tarball":"https://registry.npmjs.org/@anthonygore/vue3-autocomplete/-/vue3-autocomplete-1.0.4.tgz","fileCount":10,"unpackedSize":122582,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzG9B5HPJHnXygbcmO1X+bdPfSXSjDr92Vsazu0Q9/XQIhAPSkfg0mWClpSliZAZ9ocX8W+gDc5ICSOYjtiSI+ecyk"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiemjkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmou8w/9HZVPh2Pke4OT+i88jvh8QOSgcWt5uFxrO4KcVPp0tq+EaPio\r\ndDtOP5YbjYqjFe+QCQcFhtGkMmycrNBvOXuGrxLhk3WiMBVfnCTFYXyZVl7j\r\nYxkxddCbYoTGDRWX2jRtUww3a+6xKoe/NcSXxdNefaRp0ahyxoUnf/IBBUge\r\nnvO57V6qi3SSfhlplsS+7hdQzo0865nVbPQFcaDqxLFjCQQmHamJNBxzwWxT\r\n8HQRdq/vjusuRyrdm8wcwD/flBpxRd9snXm6VFslcDG/TloS+0b4cCm/dc4b\r\nhrzBFgL3IYy3lYKS5qV7hBGzGfIIKgxS3xTsPPJ+vm+ma83O88k8kC3H/W8X\r\nWRyN6lPpgESedHmWmHnSEjFpk+NwiFB1FkAsGzDM0I8Fo3G5Pez843+FWh8Y\r\no0JLMJhkpdhuPjRlm9oukiiyptD4hfk8Db6dpj6MzXatSXCSJDqQykdBpdem\r\n1DwAPTOVQOj27yKP0rBBlDpNCGdmYj15osBml0XjJomyZWEaEQtkrVPwV8le\r\nZ1cm4hQTTpu89FsSXd+02/xQLM8VXQTVcn1a+++2G9SSrRCqe7L/tRs9zp5b\r\nQ9tdruMMK9fNpkuubqEOifhIkXemP5TvR5X2VE385bJuCMp1q1P97XLx/hqH\r\nTGEm5FivkmEPEunRY1GUXm5xrjPwgRn5ixw=\r\n=TVAk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"anthonygore","email":"anthony@vuejsdevelopers.com"},"directories":{},"maintainers":[{"name":"anthonygore","email":"anthony@vuejsdevelopers.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-autocomplete_1.0.4_1652189411925_0.07230744043416615"},"_hasShrinkwrap":false}},"time":{"created":"2022-05-10T13:30:11.871Z","1.0.4":"2022-05-10T13:30:12.120Z","modified":"2022-05-10T13:30:12.311Z"},"maintainers":[{"name":"anthonygore","email":"anthony@vuejsdevelopers.com"}],"description":"## Table of contents","homepage":"https://github.com/Takachi67/vue3-autocomplete#readme","keywords":["vue","vuejs","vue3","autocomplete","select","search"],"repository":{"type":"git","url":"git+https://github.com/Takachi67/vue3-autocomplete.git"},"bugs":{"url":"https://github.com/Takachi67/vue3-autocomplete/issues"},"readme":"# vue3-autocomplete\n\n## Table of contents\n\n* [Installation](#installation)\n* [Usage](#usage)\n\n## Installation\n\nUsing npm\n```\nnpm install vue3-autocomplete\n```\n\nUsing yarn\n```\nyarn add vue3-autocomplete\n```\n\n## Usage\n\nLoad the component globally...\n\n```ts\nimport App from './App.vue' // Or whatever you need\nimport Autocomplete from 'vue3-autocomplete'\n// Optional: Import default CSS\nimport 'vue3-autocomplete/dist/vue3-autocomplete.css'\n\nlet app = createApp(App)\napp.component('Autocomplete', Autocomplete)\napp.mount('#app')\n```\n\n... Or locally into your component.\n\n```ts\nimport Autocomplete from 'vue3-autocomplete'\n// Optional: Import default CSS\nimport 'vue3-autocomplete/dist/vue3-autocomplete.css'\n\nexport default {\n    name: 'YourComponentName',\n    components: {\n        Autocomplete\n    }\n}\n```\n\nUse the component into your template.\n\n```html\n<template>\n    <div>\n        <Autocomplete\n            @input=\"getItems\"\n            :results=\"items\"\n        ></Autocomplete>\n    </div>\n</template>\n```\n\n## Properties\n\n| Property | Type  | Description | Required | Default |\n| :------: | :---: | :---------: | :------: | :-----: |\n| results | Array | Items to display in the results list | No | [] |\n| display-item | Function | Describes how to render each item in results | No | **return** item.name |\n| debounce | Integer | Time to wait before each call to the ***@input*** event | No | 0 |\n| max | Integer | Define a render limit for **results** items | No | 10 |\n| placeholder | String | Default input placeholder | No | '' |\n| use-html-for-results | Boolean | If true, displayItem method will display results as html | No | false |\n| input-class | Array | Override input default classes | No | [] |\n| results-container-class | Array | Override results container default classes | No | [] |\n| results-item-class | Array | Override results item default classes | No | [] |\n\n## Events\n\n| Event | Description |\n| :---: | :---------: |\n| **@input** | Triggered on user input, should update the local results list |\n| **@onSelect** | Triggered when user click on a list item and return the selected item |\n\n## License\n\nMIT\n","readmeFilename":"README.md"}