refactor: migrate to nuxt compatibilityVersion: 4 (#3298)

app/components/account/AccountTabs.vue

@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import type { CommonRouteTabOption } from '#shared/types'
+
+const { t } = useI18n()
+const route = useRoute()
+
+const server = computed(() => route.params.server as string)
+const account = computed(() => 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>