This component library offers a set of two components: a GIF Picker and an Emoji Picker.
Both components were based on this repository enzostvs/vue3-discordpicker
-
The GIF Picker component uses the Tenor API v2, allowing users to search and select GIFs.
-
The Emoji Picker component provides users with a wide array of emojis sorted in multiples categories .
All documentation along with demos of components can be found here :
Here is a set of instructions to help you install this component library
First make sure that this library is compatible with your version of Vue
In your
package.json
, you shall have the dependencies compatible with the following:"dependencies": { "vue": "^3.2.25" }
Then you can install the package from npm
npm i vue-gif-emoji-picker
In your main.ts
, you can import the CSS stylesheet globally:
import 'vue-gif-emoji-picker/dist/style.css'
You can also import this stylesheet wherever a component is used.
Import components from this library in your own component:
<script setup lang="ts">
import {GifPicker} from 'vue-gif-emoji-picker';
</script>