chore: upgrade to nuxt v3.5 and vue v3.3 (#2132)

components/common/CommonPaginator.vue

@@ -3,6 +3,7 @@
 import { DynamicScroller } from 'vue-virtual-scroller'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 import type { Paginator, WsEvents } from 'masto'
+import type { UnwrapRef } from 'vue'
 
 const {
   paginator,
@@ -23,23 +24,23 @@ const {
 }>()
 
 defineSlots<{
-  default: {
+  default: (props: {
     items: U[]
     item: U
     index: number
     active?: boolean
-    older?: U
+    older: U
-    newer?: U // newer is undefined when index === 0
+    newer: U // newer is undefined when index === 0
-  }
+  }) => void
-  items: {
+  items: (props: {
-    items: U[]
+    items: UnwrapRef<U[]>
-  }
+  }) => void
-  updater: {
+  updater: (props: {
     number: number
     update: () => void
-  }
+  }) => void
-  loading: {}
+  loading: (props: {}) => void
-  done: {}
+  done: (props: {}) => void
 }>()
 
 const { t } = useI18n()
@@ -83,25 +84,23 @@ defineExpose({ createEntry, removeEntry, updateEntry })
           page-mode
         >
           <slot
-            :key="item[keyProp]"
             :item="item"
             :active="active"
-            :older="items[index + 1]"
+            :older="items[index + 1] as U"
-            :newer="items[index - 1]"
+            :newer="items[index - 1] as U"
             :index="index"
-            :items="items"
+            :items="items as U[]"
           />
         </DynamicScroller>
       </template>
       <template v-else>
         <slot
           v-for="item, index of items"
-          :key="(item as any)[keyProp]"
+          :item="item as U"
-          :item="item"
+          :older="items[index + 1] as U"
-          :older="items[index + 1]"
+          :newer="items[index - 1] as U"
-          :newer="items[index - 1]"
           :index="index"
-          :items="items"
+          :items="items as U[]"
         />
       </template>
     </slot>

components/nav/NavSideItem.vue

@@ -10,8 +10,8 @@ const props = withDefaults(defineProps<{
 })
 
 defineSlots<{
-  icon: {}
+  icon: (props: {}) => void
-  default: {}
+  default: (props: {}) => void
 }>()
 
 const router = useRouter()

components/notification/NotificationEnablePushNotification.client.vue

@@ -10,7 +10,7 @@ defineProps<{
 defineEmits(['hide', 'subscribe'])
 
 defineSlots<{
-  error: {}
+  error: (props: {}) => void
 }>()
 
 const xl = useMediaQuery('(min-width: 1280px)')

components/notification/NotificationPaginator.vue

@@ -155,14 +155,14 @@ const { clearNotifications } = useNotifications()
 const { formatNumber } = useHumanReadableNumber()
 </script>
 
+<!-- eslint-disable vue/attribute-hyphenation -->
 <template>
   <CommonPaginator
     :paginator="paginator"
     :preprocess="preprocess"
     :stream="stream"
-    :eager="3"
+    :virtualScroller="virtualScroller"
-    :virtual-scroller="virtualScroller"
+    eventType="notification"
-    event-type="notification"
   >
     <template #updater="{ number, update }">
       <button py-4 border="b base" flex="~ col" p-3 w-full text-primary font-bold @click="() => { update(); clearNotifications() }">

components/status/StatusActionButton.vue

@@ -18,7 +18,7 @@ defineOptions({
 })
 
 defineSlots<{
-  text: {}
+  text: (props: {}) => void
 }>()
 
 const el = ref<HTMLDivElement>()

components/status/StatusBody.vue

@@ -36,7 +36,7 @@ const vnode = $computed(() => {
       class="content-rich line-compact" dir="auto"
       :lang="('language' in status && status.language) || undefined"
     >
-      <component :is="vnode" />
+      <component :is="vnode" v-if="vnode" />
     </span>
     <div v-else />
     <template v-if="translation.visible">

docs/package.json

@@ -13,6 +13,6 @@
   },
   "devDependencies": {
     "@nuxt-themes/docus": "^1.11.0",
-    "nuxt": "^3.4.3"
+    "nuxt": "^3.5.1"
   }
 }

package.json

@@ -34,7 +34,7 @@
     "@iconify-emoji/twemoji": "^1.0.2",
     "@iconify/json": "^2.2.49",
     "@iconify/utils": "^2.1.5",
-    "@nuxt/devtools": "^0.4.5",
+    "@nuxt/devtools": "^0.5.3",
     "@nuxtjs/color-mode": "^3.2.0",
     "@nuxtjs/i18n": "8.0.0-beta.10",
     "@pinia/nuxt": "^0.4.9",
@@ -49,14 +49,14 @@
     "@tiptap/starter-kit": "2.0.3",
     "@tiptap/suggestion": "2.0.3",
     "@tiptap/vue-3": "2.0.3",
-    "@unocss/nuxt": "^0.51.8",
+    "@unocss/nuxt": "^0.52.0",
-    "@vue-macros/nuxt": "^1.3.4",
+    "@vue-macros/nuxt": "^1.3.8",
     "@vueuse/core": "^10.1.0",
     "@vueuse/gesture": "2.0.0-beta.1",
     "@vueuse/integrations": "^10.1.0",
     "@vueuse/math": "^10.1.0",
     "@vueuse/motion": "2.0.0-beta.12",
-    "@vueuse/nuxt": "^10.1.0",
+    "@vueuse/nuxt": "^10.1.2",
     "blurhash": "^2.0.5",
     "browser-fs-access": "^0.33.0",
     "chroma-js": "^2.4.2",
@@ -74,7 +74,7 @@
     "lru-cache": "^9.0.1",
     "masto": "^5.11.3",
     "nuxt-security": "^0.13.0",
-    "nuxt-vitest": "^0.6.10",
+    "nuxt-vitest": "^0.7.2",
     "page-lifecycle": "^0.1.2",
     "pinia": "^2.0.35",
     "postcss-nested": "^6.0.1",
@@ -84,16 +84,16 @@
     "simple-git": "^3.17.0",
     "slimeform": "^0.9.1",
     "stale-dep": "^0.6.0",
-    "std-env": "^3.3.2",
+    "std-env": "^3.3.3",
     "string-length": "^5.0.1",
     "tauri-plugin-log-api": "github:tauri-apps/tauri-plugin-log",
     "tauri-plugin-store-api": "github:tauri-apps/tauri-plugin-store",
     "theme-vitesse": "^0.6.4",
     "tiny-decode": "^0.1.3",
     "tippy.js": "^6.3.7",
-    "ufo": "^1.1.1",
+    "ufo": "^1.1.2",
     "ultrahtml": "^1.2.0",
-    "unimport": "^3.0.6",
+    "unimport": "^3.0.7",
     "vite-plugin-pwa": "^0.15.0",
     "vue-advanced-cropper": "^2.8.8",
     "vue-virtual-scroller": "2.0.0-beta.8",
@@ -118,18 +118,15 @@
     "flat": "^5.0.2",
     "fs-extra": "^11.1.1",
     "lint-staged": "^13.2.2",
-    "nuxt": "3.4.3",
+    "nuxt": "3.5.1",
     "prettier": "^2.8.8",
     "simple-git-hooks": "^2.8.1",
     "tsx": "^3.12.7",
     "typescript": "^5.0.4",
     "vitest": "^0.30.1",
-    "vue-tsc": "^1.2.0"
+    "vue-tsc": "^1.6.5"
   },
   "pnpm": {
-    "overrides": {
-      "vue": "3.2.45"
-    },
     "patchedDependencies": {
       "nuxt-security@0.13.0": "patches/nuxt-security@0.13.0.patch"
     }