├── vue.config.js
├── src
├── assets
│ ├── tailwind.css
│ ├── logo.png
│ └── emojis.json
├── main.js
├── components
│ ├── upload
│ │ └── Button.vue
│ ├── gif
│ │ ├── Button.vue
│ │ └── GifPicker.vue
│ ├── emojis
│ │ ├── Button.vue
│ │ ├── Autocomplete.vue
│ │ └── EmojiPicker.vue
│ └── DiscordPicker.vue
├── directives
│ └── click-outside.js
└── App.vue
├── public
├── favicon.ico
└── index.html
├── babel.config.js
├── .gitignore
├── examples
└── Index.vue
├── postcss.config.js
├── tailwind.config.js
├── package.json
└── README.md
/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | css: { extract: false }
3 | }
--------------------------------------------------------------------------------
/src/assets/tailwind.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/enzostvs/vue3-discordpicker/HEAD/public/favicon.ico
--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/enzostvs/vue3-discordpicker/HEAD/src/assets/logo.png
--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: [
3 | '@vue/cli-plugin-babel/preset'
4 | ]
5 | }
6 |
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import { createApp } from 'vue'
2 | import App from '@/App.vue'
3 | import '@/assets/tailwind.css'
4 |
5 | createApp(App).mount('#app')
6 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /dist
4 |
5 |
6 | # local env files
7 | .env.local
8 | .env.*.local
9 |
10 | # Log files
11 | npm-debug.log*
12 | yarn-debug.log*
13 | yarn-error.log*
14 | pnpm-debug.log*
15 |
16 | # Editor directories and files
17 | .idea
18 | .vscode
19 | *.suo
20 | *.ntvs*
21 | *.njsproj
22 | *.sln
23 | *.sw?
24 |
--------------------------------------------------------------------------------
/src/components/upload/Button.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/examples/Index.vue:
--------------------------------------------------------------------------------
1 |
2 |
{{ autocomplete.results.length }} results
88 |{{ result.emoji}}
91 |92 | {{ `:${result.name.replace(/\s/g, '')}:` }} 93 |
94 |No results found :-(
69 |