<script setup lang="ts"> export interface SearchEmoji { title: string src: string } defineProps<{ emoji: SearchEmoji }>() </script> <template> <div flex="~ gap3" items-center text-base> <img width="20" height="20" :src="emoji.src" loading="lazy" > <span shrink overflow-hidden leading-none text-base><span text-secondary>:</span>{{ emoji.title }}<span text-secondary>:</span></span> </div> </template>