forked from FoundKeyGang/FoundKey
Johann150
1671b7123e
Probably there were multiple tabs here before, but now there is only one thing here, so having tabs makes no sense.
59 lines
1.1 KiB
Vue
59 lines
1.1 KiB
Vue
<template>
|
|
<MkStickyContainer>
|
|
<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
|
|
<div :class="$style.root">
|
|
<XCategory/>
|
|
</div>
|
|
</MkStickyContainer>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref, computed } from 'vue';
|
|
import XCategory from './emojis.category.vue';
|
|
import * as os from '@/os';
|
|
import { i18n } from '@/i18n';
|
|
import { definePageMetadata } from '@/scripts/page-metadata';
|
|
|
|
function menu(ev) {
|
|
os.popupMenu([{
|
|
icon: 'fas fa-download',
|
|
text: i18n.ts.export,
|
|
action: async () => {
|
|
os.api('export-custom-emojis', {
|
|
})
|
|
.then(() => {
|
|
os.alert({
|
|
type: 'info',
|
|
text: i18n.ts.exportRequested,
|
|
});
|
|
}).catch((err) => {
|
|
os.alert({
|
|
type: 'error',
|
|
text: err.message,
|
|
});
|
|
});
|
|
},
|
|
}], ev.currentTarget ?? ev.target);
|
|
}
|
|
|
|
const headerActions = $computed(() => [{
|
|
icon: 'fas fa-ellipsis-h',
|
|
handler: menu,
|
|
}]);
|
|
|
|
const headerTabs = $computed(() => []);
|
|
|
|
definePageMetadata({
|
|
title: i18n.ts.customEmojis,
|
|
icon: 'fas fa-laugh',
|
|
bg: 'var(--bg)',
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" module>
|
|
.root {
|
|
max-width: 1000px;
|
|
margin: 0 auto;
|
|
}
|
|
</style>
|