This commit is contained in:
tamaina 2023-01-22 17:11:28 +00:00
parent d347f0a087
commit 8a6750278e
2 changed files with 5 additions and 3 deletions

View file

@ -18,10 +18,10 @@
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import { ref, computed, Ref } from 'vue';
const props = defineProps<{
emojis: string[];
emojis: string[] | Ref<string[]>;
initialShown?: boolean;
}>();
@ -29,5 +29,7 @@ const emit = defineEmits<{
(ev: 'chosen', v: string, event: MouseEvent): void;
}>();
const emojis = computed(() => Array.isArray(props.emojis) ? props.emojis : props.emojis.value);
const shown = ref(!!props.initialShown);
</script>

View file

@ -60,7 +60,7 @@
</div>
<div v-once class="group">
<header class="_acrylic">{{ i18n.ts.customEmojis }}</header>
<XSection v-for="category in customEmojiCategories" :key="'custom:' + category" :initial-shown="false" :emojis="customEmojis.filter(e => e.category === category).map(e => ':' + e.name + ':')" @chosen="chosen">{{ category || i18n.ts.other }}</XSection>
<XSection v-for="category in customEmojiCategories" :key="'custom:' + category" :initial-shown="false" :emojis="computed(() => customEmojis.filter(e => e.category === category).map(e => ':' + e.name + ':'))" @chosen="chosen">{{ category || i18n.ts.other }}</XSection>
</div>
<div v-once class="group">
<header class="_acrylic">{{ i18n.ts.emoji }}</header>