diff options
Diffstat (limited to '')
| -rw-r--r-- | src/tools/emoji-picker/emoji-grid.vue | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/src/tools/emoji-picker/emoji-grid.vue b/src/tools/emoji-picker/emoji-grid.vue new file mode 100644 index 0000000..9bae22e --- /dev/null +++ b/src/tools/emoji-picker/emoji-grid.vue @@ -0,0 +1,12 @@ +<script setup lang="ts"> +import type { EmojiInfo } from './emoji.types'; + +const props = withDefaults(defineProps<{ emojiInfos?: EmojiInfo[] }>(), { emojiInfos: () => [] }); +const { emojiInfos } = toRefs(props); +</script> + +<template> + <div grid grid-cols-1 gap-2 lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2 xl:grid-cols-6> + <emoji-card v-for="emojiInfo in emojiInfos" :key="emojiInfo.name" :emoji-info="emojiInfo" flex items-center gap-3 /> + </div> +</template> |