enhance(client): カスタム絵文字一覧のパフォーマンスを改善

This commit is contained in:
syuilo 2023-01-23 16:19:13 +09:00
parent c1dfbe2623
commit bd23522c76

View file

@ -1,6 +1,6 @@
<template> <template>
<button class="zuvgdzyu _button" @click="menu"> <button class="zuvgdzyu _button" @click="menu">
<img :src="`/emoji/${emoji.name}.webp`" class="img" loading="lazy"/> <img :src="emoji.url" class="img" loading="lazy"/>
<div class="body"> <div class="body">
<div class="name _monospace">{{ emoji.name }}</div> <div class="name _monospace">{{ emoji.name }}</div>
<div class="info">{{ emoji.aliases.join(' ') }}</div> <div class="info">{{ emoji.aliases.join(' ') }}</div>
@ -15,7 +15,12 @@ import copyToClipboard from '@/scripts/copy-to-clipboard';
import { i18n } from '@/i18n'; import { i18n } from '@/i18n';
const props = defineProps<{ const props = defineProps<{
emoji: Record<string, unknown>; // TODO emoji: {
name: string;
aliases: string[];
category: string;
url: string;
};
}>(); }>();
function menu(ev) { function menu(ev) {