vuejs · posva · Feb 27, 2025 · Feb 26, 2025
diff --git a/package.json b/package.json
@@ -40,7 +40,7 @@
     "lint-staged": "^15.2.10",
     "minimist": "^1.2.8",
     "p-series": "^3.0.0",
-    "prettier": "^2.8.8",
+    "prettier": "^3.5.2",
     "semver": "^7.6.3",
     "typedoc": "^0.26.11",
     "typedoc-plugin-markdown": "^4.2.10",

diff --git a/packages/playground/index.html b/packages/playground/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/packages/router/__tests__/RouterLink.spec.ts b/packages/router/__tests__/RouterLink.spec.ts
@@ -47,7 +47,7 @@ function createLocations<
       normalized: RouteLocationResolved
       toResolve?: MatcherLocationRaw & Required<RouteQueryAndHash>
     }
-  >
+  >,
 >(locs: T) {
   return locs
 }

diff --git a/packages/router/__tests__/guards/guardsContext.spec.ts b/packages/router/__tests__/guards/guardsContext.spec.ts
@@ -12,12 +12,15 @@ const component = {
 describe('beforeRouteLeave', () => {
   it('invokes with the component context', async () => {
     expect.assertions(2)
-    const spy = vi
-      .fn()
-      .mockImplementationOnce(function (this: any, to, from, next) {
-        expect(typeof this.counter).toBe('number')
-        next()
-      })
+    const spy = vi.fn().mockImplementationOnce(function (
+      this: any,
+      to,
+      from,
+      next
+    ) {
+      expect(typeof this.counter).toBe('number')
+      next()
+    })
     const WithLeave = defineComponent({
       template: `text`,
       // we use data to check if the context is the right one because saving `this` in a variable logs a few warnings
@@ -54,23 +57,29 @@ describe('beforeRouteLeave', () => {
       template: `text`,
       // we use data to check if the context is the right one because saving `this` in a variable logs a few warnings
       data: () => ({ counter: 0 }),
-      beforeRouteLeave: vi
-        .fn()
-        .mockImplementationOnce(function (this: any, to, from, next) {
-          expect(typeof this.counter).toBe('number')
-          next()
-        }),
+      beforeRouteLeave: vi.fn().mockImplementationOnce(function (
+        this: any,
+        to,
+        from,
+        next
+      ) {
+        expect(typeof this.counter).toBe('number')
+        next()
+      }),
     })
     const WithLeaveTwo = defineComponent({
       template: `text`,
       // we use data to check if the context is the right one because saving `this` in a variable logs a few warnings
       data: () => ({ counter: 0 }),
-      beforeRouteLeave: vi
-        .fn()
-        .mockImplementationOnce(function (this: any, to, from, next) {
-          expect(typeof this.counter).toBe('number')
-          next()
-        }),
+      beforeRouteLeave: vi.fn().mockImplementationOnce(function (
+        this: any,
+        to,
+        from,
+        next
+      ) {
+        expect(typeof this.counter).toBe('number')
+        next()
+      }),
     })
 
     const router = createRouter({
@@ -108,23 +117,29 @@ describe('beforeRouteLeave', () => {
       template: `<router-view/>`,
       // we use data to check if the context is the right one because saving `this` in a variable logs a few warnings
       data: () => ({ counter: 0 }),
-      beforeRouteLeave: vi
-        .fn()
-        .mockImplementationOnce(function (this: any, to, from, next) {
-          expect(typeof this.counter).toBe('number')
-          next()
-        }),
+      beforeRouteLeave: vi.fn().mockImplementationOnce(function (
+        this: any,
+        to,
+        from,
+        next
+      ) {
+        expect(typeof this.counter).toBe('number')
+        next()
+      }),
     })
     const WithLeave = defineComponent({
       template: `text`,
       // we use data to check if the context is the right one because saving `this` in a variable logs a few warnings
       data: () => ({ counter: 0 }),
-      beforeRouteLeave: vi
-        .fn()
-        .mockImplementationOnce(function (this: any, to, from, next) {
-          expect(typeof this.counter).toBe('number')
-          next()
-        }),
+      beforeRouteLeave: vi.fn().mockImplementationOnce(function (
+        this: any,
+        to,
+        from,
+        next
+      ) {
+        expect(typeof this.counter).toBe('number')
+        next()
+      }),
     })
 
     const router = createRouter({
@@ -167,34 +182,43 @@ describe('beforeRouteLeave', () => {
       `,
       // we use data to check if the context is the right one because saving `this` in a variable logs a few warnings
       data: () => ({ counter: 0 }),
-      beforeRouteLeave: vi
-        .fn()
-        .mockImplementationOnce(function (this: any, to, from, next) {
-          expect(typeof this.counter).toBe('number')
-          next()
-        }),
+      beforeRouteLeave: vi.fn().mockImplementationOnce(function (
+        this: any,
+        to,
+        from,
+        next
+      ) {
+        expect(typeof this.counter).toBe('number')
+        next()
+      }),
     })
     const WithLeaveOne = defineComponent({
       template: `text`,
       // we use data to check if the context is the right one because saving `this` in a variable logs a few warnings
       data: () => ({ counter: 0 }),
-      beforeRouteLeave: vi
-        .fn()
-        .mockImplementationOnce(function (this: any, to, from, next) {
-          expect(typeof this.counter).toBe('number')
-          next()
-        }),
+      beforeRouteLeave: vi.fn().mockImplementationOnce(function (
+        this: any,
+        to,
+        from,
+        next
+      ) {
+        expect(typeof this.counter).toBe('number')
+        next()
+      }),
     })
     const WithLeaveTwo = defineComponent({
       template: `text`,
       // we use data to check if the context is the right one because saving `this` in a variable logs a few warnings
       data: () => ({ counter: 0 }),
-      beforeRouteLeave: vi
-        .fn()
-        .mockImplementationOnce(function (this: any, to, from, next) {
-          expect(typeof this.counter).toBe('number')
-          next()
-        }),
+      beforeRouteLeave: vi.fn().mockImplementationOnce(function (
+        this: any,
+        to,
+        from,
+        next
+      ) {
+        expect(typeof this.counter).toBe('number')
+        next()
+      }),
     })
 
     const router = createRouter({
@@ -235,12 +259,15 @@ describe('beforeRouteLeave', () => {
 describe('beforeRouteUpdate', () => {
   it('invokes with the component context', async () => {
     expect.assertions(2)
-    const spy = vi
-      .fn()
-      .mockImplementationOnce(function (this: any, to, from, next) {
-        expect(typeof this.counter).toBe('number')
-        next()
-      })
+    const spy = vi.fn().mockImplementationOnce(function (
+      this: any,
+      to,
+      from,
+      next
+    ) {
+      expect(typeof this.counter).toBe('number')
+      next()
+    })
     const WithParam = defineComponent({
       template: `text`,
       // we use data to check if the context is the right one because saving `this` in a variable logs a few warnings

diff --git a/packages/router/__tests__/lazyLoading.spec.ts b/packages/router/__tests__/lazyLoading.spec.ts
@@ -26,7 +26,7 @@ function createLazyComponent() {
   const [promise, resolve, reject] = fakePromise()
 
   return {
-    component: vi.fn(() => promise.then(() => ({} as RouteComponent))),
+    component: vi.fn(() => promise.then(() => ({}) as RouteComponent)),
     promise,
     resolve,
     reject,

diff --git a/packages/router/e2e/encoding/index.html b/packages/router/e2e/encoding/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/packages/router/e2e/guards-instances/index.html b/packages/router/e2e/guards-instances/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/packages/router/e2e/hash/index.html b/packages/router/e2e/hash/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/packages/router/e2e/index.html b/packages/router/e2e/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/packages/router/e2e/keep-alive/index.html b/packages/router/e2e/keep-alive/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/packages/router/e2e/modal/index.html b/packages/router/e2e/modal/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/packages/router/e2e/multi-app/index.html b/packages/router/e2e/multi-app/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/packages/router/e2e/scroll-behavior/index.html b/packages/router/e2e/scroll-behavior/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/packages/router/e2e/suspense/index.html b/packages/router/e2e/suspense/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/packages/router/e2e/transitions/index.html b/packages/router/e2e/transitions/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/packages/router/src/RouterLink.ts b/packages/router/src/RouterLink.ts
@@ -455,5 +455,5 @@ const getLinkClass = (
   propClass != null
     ? propClass
     : globalClass != null
-    ? globalClass
-    : defaultClass
+      ? globalClass
+      : defaultClass
diff --git a/packages/router/src/RouterView.ts b/packages/router/src/RouterView.ts
@@ -154,8 +154,8 @@ export const RouterViewImpl = /*#__PURE__*/ defineComponent({
         ? routePropsOption === true
           ? route.params
           : typeof routePropsOption === 'function'
-          ? routePropsOption(route)
-          : routePropsOption
+            ? routePropsOption(route)
+            : routePropsOption
         : null
 
       const onVnodeUnmounted: VNodeProps['onVnodeUnmounted'] = vnode => {

diff --git a/packages/router/src/location.ts b/packages/router/src/location.ts
@@ -175,8 +175,8 @@ function isSameRouteLocationParamsValue(
   return isArray(a)
     ? isEquivalentArray(a, b)
     : isArray(b)
-    ? isEquivalentArray(b, a)
-    : a === b
+      ? isEquivalentArray(b, a)
+      : a === b
 }
 
 /**

diff --git a/packages/router/src/navigationGuards.ts b/packages/router/src/navigationGuards.ts
@@ -360,35 +360,40 @@ export function loadRouteLocation(
           record =>
             record.components &&
             Promise.all(
-              Object.keys(record.components).reduce((promises, name) => {
-                const rawComponent = record.components![name]
-                if (
-                  typeof rawComponent === 'function' &&
-                  !('displayName' in rawComponent)
-                ) {
-                  promises.push(
-                    (rawComponent as Lazy<RouteComponent>)().then(resolved => {
-                      if (!resolved)
-                        return Promise.reject(
-                          new Error(
-                            `Couldn't resolve component "${name}" at "${record.path}". Ensure you passed a function that returns a promise.`
-                          )
-                        )
+              Object.keys(record.components).reduce(
+                (promises, name) => {
+                  const rawComponent = record.components![name]
+                  if (
+                    typeof rawComponent === 'function' &&
+                    !('displayName' in rawComponent)
+                  ) {
+                    promises.push(
+                      (rawComponent as Lazy<RouteComponent>)().then(
+                        resolved => {
+                          if (!resolved)
+                            return Promise.reject(
+                              new Error(
+                                `Couldn't resolve component "${name}" at "${record.path}". Ensure you passed a function that returns a promise.`
+                              )
+                            )
 
-                      const resolvedComponent = isESModule(resolved)
-                        ? resolved.default
-                        : resolved
-                      // keep the resolved module for plugins like data loaders
-                      record.mods[name] = resolved
-                      // replace the function with the resolved component
-                      // cannot be null or undefined because we went into the for loop
-                      record.components![name] = resolvedComponent
-                      return
-                    })
-                  )
-                }
-                return promises
-              }, [] as Array<Promise<RouteComponent | null | undefined>>)
+                          const resolvedComponent = isESModule(resolved)
+                            ? resolved.default
+                            : resolved
+                          // keep the resolved module for plugins like data loaders
+                          record.mods[name] = resolved
+                          // replace the function with the resolved component
+                          // cannot be null or undefined because we went into the for loop
+                          record.components![name] = resolvedComponent
+                          return
+                        }
+                      )
+                    )
+                  }
+                  return promises
+                },
+                [] as Array<Promise<RouteComponent | null | undefined>>
+              )
             )
         )
       ).then(() => route as RouteLocationNormalizedLoaded)

diff --git a/packages/router/src/query.ts b/packages/router/src/query.ts
@@ -140,8 +140,8 @@ export function normalizeQuery(
       normalizedQuery[key] = isArray(value)
         ? value.map(v => (v == null ? null : '' + v))
         : value == null
-        ? value
-        : '' + value
+          ? value
+          : '' + value
     }
   }