feat: use nested routes for profile

pages/@[account].vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+const props = defineProps<{
+  modelValue?: boolean
+}>()
+
+const params = useRoute().params
+const accountName = $computed(() => params.account as string)
+
+const account = await fetchAccountByName(accountName)
+const tabNames = ['Posts', 'Posts and replies'] as const
+
+// Don't use local storage because it is better to default to Posts every time you visit a user's profile.
+const tab = $ref('Posts')
+
+const paginator = $computed(() => {
+  return masto.accounts.getStatusesIterable(account.id, { excludeReplies: tab === 'Posts' } as any)
+})
+</script>
+
+<template>
+  <MainContent>
+    <template v-if="account">
+      <AccountHeader :account="account" border="b base" />
+      <NuxtPage />
+    </template>
+
+    <CommonNotFound v-else>
+      Account @{{ params.user }} not found
+    </CommonNotFound>
+  </MainContent>
+</template>