A Vue component that creates autocomplete functionality for your input fields, but works as tab suggestions instead of dropdown. : https://vue-nexthint.vercel.app/
Currently, this package only works with Vue 3.
Install it using npm: npm i vue-nexthint
After that, import to your component: import { NextHint } from 'vue-nexthint'
In your template:
<NextHint
placeholder="Type 'Vue'"
@change="onChangeHandler"
:suggestions="['Vue.js', 'React', 'Hello world']"
/>
The event @change will be trigger every time user enter something, you can handle it like this:
<script setup>
const onChangeHandler = (text) => {
// do something with the new text here
console.log(text)
}
</script>
This package is totally free to use. However, if you want to use Magicmouse.js in your commercial projects, I require you to do a good thing for the poor people in your place. You can do whatever you think is "a good thing", like buy them some food, give them some money,..etc... I'm not requiring you to take a photo or do anything to prove it, just do it and you will feel great about yourself :) Let's make the world better place.