chore: upgrade to Nuxt v4.0.1 (#2714)

This PR successfully upgrades JabRefOnline from Nuxt 3.15.0 to Nuxt
v4.0.1 following the [official upgrade
guide](https://nuxt.com/docs/4.x/getting-started/upgrade) and merges the
latest changes from the main branch.

### Core Upgrade
- **Nuxt**: 3.15.0 → 4.0.1 (stable version)
- **@nuxt/kit**: 3.15.0 → 4.0.1
- **Nitro**: 2.10.4 → 2.12.5 (automatically updated)

---------

Co-authored-by: copilot-swe-agent[bot] <[email protected]>
Co-authored-by: tobiasdiez <[email protected]>
Co-authored-by: Tobias Diez <[email protected]>

Author: Copilot

layouts/content.vue

@@ -80,7 +80,7 @@ if (import.meta.client) {
     value: (option: { top: number; left: number }) => {
       const els = document.querySelectorAll(contentElementSelector)
       const el = els[els.length - 1]
-      if (el.scrollHeight > el.clientHeight) {
+      if (el && el.scrollHeight > el.clientHeight) {
         // element can be scrolled
         el.scrollTo(option.left, el.scrollTop + option.top - offset)
       } else {

nuxt.config.ts

@@ -209,7 +209,6 @@ export default defineNuxtConfig({
    * SEO configuration
    * https://nuxtseo.com/nuxt-seo/guides/configuring-modules
    */
-  // @ts-expect-error: temporary issue
   site: {
     // Hide information message during startup
     splash: false,
@@ -253,5 +252,5 @@ export default defineNuxtConfig({
    * Provide compatibility information for Nitro presets, and Nuxt modules
    * https://nuxt.com/docs/api/nuxt-config#compatibilitydate
    */
-  compatibilityDate: '2024-07-13',
+  compatibilityDate: '2024-12-24',
 })

package.json

@@ -68,12 +68,12 @@
     "ioredis": "5.7.0",
     "json-bigint-patch": "0.0.8",
     "lodash": "4.17.21",
-    "pinia": "3.0.2",
+    "pinia": "3.0.3",
     "reflect-metadata": "0.2.2",
     "ts-loader": "9.5.4",
     "ts-node": "10.9.2",
     "tsyringe": "4.10.0",
-    "unstorage": "1.14.1",
+    "unstorage": "1.16.1",
     "vee-validate": "4.15.0",
     "vue": "3.5.21",
     "vue-router": "4.5.1",
@@ -84,7 +84,7 @@
     "@apollo/utils.keyvaluecache": "4.0.0",
     "@azure/core-rest-pipeline": "1.22.0",
     "@azure/static-web-apps-cli": "2.0.6",
-    "@bg-dev/nuxt-naiveui": "v2.0.0-rc.5",
+    "@bg-dev/nuxt-naiveui": "2.0.0-rc.5",
     "@chromatic-com/storybook": "4.1.1",
     "@graphql-codegen/add": "5.0.3",
     "@graphql-codegen/cli": "5.0.7",
@@ -100,8 +100,8 @@
     "@nuxt/content": "3.6.3",
     "@nuxt/eslint": "1.5.2",
     "@nuxt/icon": "1.15.0",
-    "@nuxt/kit": "3.15.0",
-    "@nuxt/test-utils": "3.15.1",
+    "@nuxt/kit": "4.0.1",
+    "@nuxt/test-utils": "3.19.2",
     "@nuxtjs/seo": "3.1.0",
     "@nuxtjs/storybook": "npm:@nuxtjs/storybook@nightly",
     "@tailwindcss/forms": "0.5.10",
@@ -131,7 +131,7 @@
     "jiti": "2.5.1",
     "mount-vue-component": "0.10.2",
     "naive-ui": "2.42.0",
-    "nuxt": "3.15.0",
+    "nuxt": "4.0.1",
     "nuxt-auth-utils": "0.4.4",
     "nuxt-graphql-server": "3.1.4",
     "oxlint": "1.14.0",

pnpm-lock.yaml

@@ -30,7 +30,9 @@ describe('userDocumentService', () => {
   describe('getJournalById', () => {
     it('should return a journal with the given ISSN', async () => {
       prisma.journal.findFirst.mockResolvedValue(testJournal)
-      const journal = await journalService.getJournalByIssn(testJournal.issn[0])
+      const journal = await journalService.getJournalByIssn(
+        testJournal.issn[0]!,
+      )
       expect(journal).toBeDefined()
       expect(journal).toEqual(testJournal)
       expect(prisma.journal.findFirst).toBeCalledWith({

server/journals/journal.service.spec.ts

@@ -156,8 +156,8 @@ describe('test-utils', () => {
     const { cookies } = await login(request)
     expect(cookies.length).toBe(1)
     expect(cookies[0]).toMatch('nuxt-session=')
-    expect(cookies[0].toLowerCase()).toContain('httponly')
-    expect(cookies[0].toLowerCase()).toContain('secure')
-    expect(cookies[0].toLowerCase()).toContain('samesite=strict')
+    expect(cookies[0]!.toLowerCase()).toContain('httponly')
+    expect(cookies[0]!.toLowerCase()).toContain('secure')
+    expect(cookies[0]!.toLowerCase()).toContain('samesite=strict')
   })
 })

server/user/e2e.test.ts

@@ -204,7 +204,9 @@ export class UserResolver {
     return {
       edges: documents.map((document) => ({ node: document })),
       pageInfo: {
-        endCursor: documents.length ? documents[documents.length - 1].id : null,
+        endCursor: documents.length
+          ? documents[documents.length - 1]?.id
+          : null,
         hasNextPage,
       },
     }
@@ -244,7 +246,7 @@ export class UserResolver {
 
     function constructCursor(documents: UserDocument[]) {
       if (documents.length === 0) return null
-      const lastDoc = documents[documents.length - 1]
+      const lastDoc = documents[documents.length - 1]!
       return {
         id: lastDoc.id,
         lastModified: lastDoc.lastModified,

server/user/resolvers.ts

@@ -25,7 +25,7 @@ export async function getEmail(email: string): Promise<EmailMessage> {
       }, 1000)
     })
   }
-  const message = messages[0]
+  const message = messages[0]!
   const messageResponse = await fetch(
     `https://www.1secmail.com/api/v1/?action=readMessage&login=${login}&domain=${domain}&id=${message.id}`,
   )