elk/components/search/SearchEmojiInfo.vue

23 lines
450 B
Vue

<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>