elk/components/account/AccountTabs.vue

42 lines
940 B
Vue
Raw Normal View History

2022-12-13 21:01:25 +00:00
<script setup lang="ts">
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(() => [
{
name: 'account-index',
to: {
name: 'account-index',
params: { server, account },
},
display: t('tab.posts'),
icon: 'i-ri:file-list-2-line',
},
{
name: 'account-replies',
to: {
name: 'account-replies',
params: { server, account },
},
display: t('tab.posts_with_replies'),
2023-01-08 09:03:23 +00:00
icon: 'i-ri:chat-1-line',
2022-12-13 21:01:25 +00:00
},
{
name: 'account-media',
to: {
name: 'account-media',
params: { server, account },
},
display: t('tab.media'),
icon: 'i-ri:camera-2-line',
},
] as const)
</script>
<template>
2023-01-04 09:00:58 +00:00
<CommonRouteTabs force replace :options="tabs" prevent-scroll-top command border="base b" />
2022-12-13 21:01:25 +00:00
</template>