elk/components/account/AccountTabs.vue

44 lines
1.1 KiB
Vue

<script setup lang="ts">
import type { CommonRouteTabOption } from '../common/CommonRouteTabs.vue'
const { t } = useI18n()
const route = useRoute()
const server = computedEager(() => route.params.server as string)
const account = computedEager(() => route.params.account as string)
const tabs = computed<CommonRouteTabOption[]>(() => [
{
name: 'account-index',
to: {
name: 'account-index',
params: { server: server.value, account: account.value },
},
display: t('tab.posts'),
icon: 'i-ri:file-list-2-line',
},
{
name: 'account-replies',
to: {
name: 'account-replies',
params: { server: server.value, account: account.value },
},
display: t('tab.posts_with_replies'),
icon: 'i-ri:chat-1-line',
},
{
name: 'account-media',
to: {
name: 'account-media',
params: { server: server.value, account: account.value },
},
display: t('tab.media'),
icon: 'i-ri:camera-2-line',
},
])
</script>
<template>
<CommonRouteTabs force replace :options="tabs" prevent-scroll-top command border="base b" />
</template>