feat: bump to latest vue 3.4.19 (#2607)

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

pages/settings/notifications/index.vue

@@ -15,20 +15,20 @@ useHydratedHead({
   <MainContent back-on-small-screen>
     <template #title>
       <div text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
-        <span>{{ isHydrated ? $t('settings.notifications.label') : '' }}</span>
+        <span>{{ $t('settings.notifications.label') }}</span>
       </div>
     </template>
 
     <SettingsItem
       command
-      :text="isHydrated ? $t('settings.notifications.notifications.label') : ''"
+      :text="$t('settings.notifications.notifications.label')"
       to="/settings/notifications/notifications"
     />
     <SettingsItem
       command
       :disabled="!pwaEnabled"
-      :text="isHydrated ? $t('settings.notifications.push_notifications.label') : ''"
-      :description="isHydrated ? $t('settings.notifications.push_notifications.description') : ''"
+      :text="$t('settings.notifications.push_notifications.label')"
+      :description="$t('settings.notifications.push_notifications.description')"
       to="/settings/notifications/push-notifications"
     />
   </MainContent>

pages/settings/notifications/push-notifications.vue

@@ -17,7 +17,7 @@ useHydratedHead({
   <MainContent back>
     <template #title>
       <div text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
-        <span>{{ isHydrated ? $t('settings.notifications.push_notifications.label') : '' }}</span>
+        <span>{{ $t('settings.notifications.push_notifications.label') }}</span>
       </div>
     </template>
     <NotificationPreferences show />

pages/settings/profile/appearance.vue

@@ -111,7 +111,7 @@ onReactivated(refreshInfo)
     </template>
 
     <form space-y-5 @submit.prevent="submit">
-      <div v-if="isHydrated && account">
+      <div v-if="account">
         <!-- banner -->
         <div of-hidden bg="gray-500/20" aspect="3">
           <CommonInputImage
@@ -182,7 +182,7 @@ onReactivated(refreshInfo)
 
         <!-- metadata -->
 
-        <SettingsProfileMetadata v-if="isHydrated" v-model="form" />
+        <SettingsProfileMetadata v-model="form" />
 
         <!-- actions -->
         <div flex="~ gap2" justify-end>

pages/settings/profile/index.vue

@@ -14,22 +14,22 @@ useHydratedHead({
   <MainContent back-on-small-screen>
     <template #title>
       <div text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
-        <span>{{ isHydrated ? $t('settings.profile.label') : '' }}</span>
+        <span>{{ $t('settings.profile.label') }}</span>
       </div>
     </template>
 
     <SettingsItem
       command large
       icon="i-ri:user-settings-line"
-      :text="isHydrated ? $t('settings.profile.appearance.label') : ''"
-      :description="isHydrated ? $t('settings.profile.appearance.description') : ''"
+      :text="$t('settings.profile.appearance.label')"
+      :description="$t('settings.profile.appearance.description')"
       to="/settings/profile/appearance"
     />
     <SettingsItem
       command large
       icon="i-ri:hashtag"
-      :text="isHydrated ? $t('settings.profile.featured_tags.label') : ''"
-      :description="isHydrated ? $t('settings.profile.featured_tags.description') : ''"
+      :text="$t('settings.profile.featured_tags.label')"
+      :description="$t('settings.profile.featured_tags.description')"
       to="/settings/profile/featured-tags"
     />
     <SettingsItem

pages/settings/users/index.vue

@@ -81,12 +81,12 @@ async function importTokens() {
         </div>
         <div my4 border="t base" />
         <button btn-text flex="~ gap-2" items-center @click="exportTokens">
-          <div i-ri-download-2-line />
+          <span block i-ri-download-2-line />
           {{ $t('settings.users.export') }}
         </button>
       </template>
       <button btn-text flex="~ gap-2" items-center @click="importTokens">
-        <div i-ri-upload-2-line />
+        <span block i-ri-upload-2-line />
         {{ $t('settings.users.import') }}
       </button>
     </div>