feat: bump to latest vue 3.4.19 (#2607)

Co-authored-by: patak <matias.capeletto@gmail.com>

pages/[[server]]/@[account]/[status].vue

@@ -11,7 +11,7 @@ definePageMeta({
 })
 
 const route = useRoute()
-const id = computedEager(() => route.params.status as string)
+const id = computed(() => route.params.status as string)
 const main = ref<ComponentPublicInstance | null>(null)
 
 const { data: status, pending, refresh: refreshStatus } = useAsyncData(
@@ -71,7 +71,7 @@ onReactivated(() => {
         <div xl:mt-4 mb="50vh" border="b base">
           <template v-if="!pendingContext">
             <StatusCard
-              v-for="comment, i of context?.ancestors" :key="comment.id"
+              v-for="(comment, i) of context?.ancestors" :key="comment.id"
               :status="comment" :actions="comment.visibility !== 'direct'" context="account"
               :has-older="true" :newer="context?.ancestors[i - 1]"
             />

pages/[[server]]/@[account]/index.vue

@@ -4,7 +4,7 @@ definePageMeta({
 })
 
 const params = useRoute().params
-const accountName = computedEager(() => toShortHandle(params.account as string))
+const accountName = computed(() => toShortHandle(params.account as string))
 
 const { t } = useI18n()
 

pages/[[server]]/@[account]/index/followers.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const { t } = useI18n()
 const params = useRoute().params
-const handle = computedEager(() => params.account as string)
+const handle = computed(() => params.account as string)
 
 definePageMeta({ name: 'account-followers' })
 

pages/[[server]]/@[account]/index/following.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const { t } = useI18n()
 const params = useRoute().params
-const handle = computedEager(() => params.account as string)
+const handle = computed(() => params.account as string)
 
 definePageMeta({ name: 'account-following' })
 

pages/[[server]]/@[account]/index/index.vue

@@ -2,7 +2,7 @@
 import type { mastodon } from 'masto'
 
 const params = useRoute().params
-const handle = computedEager(() => params.account as string)
+const handle = computed(() => params.account as string)
 
 definePageMeta({ name: 'account-index' })
 

pages/[[server]]/@[account]/index/media.vue

@@ -3,7 +3,7 @@ definePageMeta({ name: 'account-media' })
 
 const { t } = useI18n()
 const params = useRoute().params
-const handle = computedEager(() => params.account as string)
+const handle = computed(() => params.account as string)
 
 const account = await fetchAccountByHandle(handle.value)
 

pages/[[server]]/@[account]/index/with_replies.vue

@@ -3,7 +3,7 @@ definePageMeta({ name: 'account-replies' })
 
 const { t } = useI18n()
 const params = useRoute().params
-const handle = computedEager(() => params.account as string)
+const handle = computed(() => params.account as string)
 
 const account = await fetchAccountByHandle(handle.value)
 

pages/[[server]]/explore.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { CommonRouteTabOption } from '~/components/common/CommonRouteTabs.vue'
+import type { CommonRouteTabOption } from '~/types'
 
 const { t } = useI18n()
 

pages/[[server]]/explore/index.vue

@@ -17,5 +17,5 @@ useHydratedHead({
     <p>{{ $t('tooltip.explore_posts_intro') }}</p>
   </CommonAlert>
   <!-- TODO: Tabs for trending statuses, tags, and links -->
-  <TimelinePaginator :paginator="paginator" context="public" />
+  <TimelinePaginator v-if="isHydrated" :paginator="paginator" context="public" />
 </template>

pages/[[server]]/list/[list]/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { CommonRouteTabOption } from '~/components/common/CommonRouteTabs.vue'
+import type { CommonRouteTabOption } from '~/types'
 
 definePageMeta({
   middleware: 'auth',

pages/[[server]]/list/[list]/index/accounts.vue

@@ -4,7 +4,7 @@ definePageMeta({
 })
 
 const params = useRoute().params
-const listId = computedEager(() => params.list as string)
+const listId = computed(() => params.list as string)
 
 const paginator = useMastoClient().v1.lists.$select(listId.value).accounts.list()
 </script>

pages/[[server]]/list/[list]/index/index.vue

@@ -4,7 +4,7 @@ definePageMeta({
 })
 
 const params = useRoute().params
-const listId = computedEager(() => params.list as string)
+const listId = computed(() => params.list as string)
 
 const client = useMastoClient()
 

pages/[[server]]/public/index.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-
-
 const { t } = useI18n()
 
 useHydratedHead({
@@ -13,7 +11,7 @@ useHydratedHead({
     <template #title>
       <NuxtLink to="/public" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
         <div i-ri:earth-line />
-        <span>{{ t('title.federated_timeline') }}</span>
+        <span>{{ $t('title.federated_timeline') }}</span>
       </NuxtLink>
     </template>
 

pages/[[server]]/search.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n'
-
 const { t } = useI18n()
 useHydratedHead({
   title: () => t('nav.search'),

pages/[[server]]/tags/[tag].vue

@@ -4,7 +4,7 @@ definePageMeta({
 })
 
 const params = useRoute().params
-const tagName = computedEager(() => params.tag as string)
+const tagName = computed(() => params.tag as string)
 
 const { client } = useMasto()
 const { data: tag, refresh } = await useAsyncData(() => client.value.v1.tags.$select(tagName.value).fetch(), { default: () => shallowRef() })