blob: 9bae22e0160a7518d3eda5ef20ad9663d97772e4 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
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>
|
