Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-01-18 17:35:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf(nuxt): use static hashMode option (#30297)

Browse Source
This commit is contained in:
Daniel Roe 2024-12-18 12:12:11 +00:00
parent f66cf928e2
commit 5d936e4354
No known key found for this signature in database
GPG Key ID: 3714AB03996F442B
4 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/nuxt/src/pages/build.d.ts vendored
View File

@ -1,6 +1,7 @@
declare module '#build/router.options' {
import type { RouterOptions } from '@nuxt/schema'
export const hashMode: boolean
const _default: RouterOptions
export default _default
}

4
packages/nuxt/src/pages/module.ts
View File

@ -42,6 +42,7 @@ export default defineNuxtModule({
delete tsConfig.compilerOptions.paths['#vue-router/*']
})
const builtInRouterOptions = await findPath(resolve(runtimeDir, 'router.options')) || resolve(runtimeDir, 'router.options')
async function resolveRouterOptions () {
const context = {
files: [] as Array<{ path: string, optional?: boolean }>,
@ -53,7 +54,7 @@ export default defineNuxtModule({
}
// Add default options at beginning
context.files.unshift({ path: await findPath(resolve(runtimeDir, 'router.options')) || resolve(runtimeDir, 'router.options'), optional: true })
context.files.unshift({ path: builtInRouterOptions, optional: true })
await nuxt.callHook('pages:routerOptions', context)
return context.files
@ -530,6 +531,7 @@ export default defineNuxtModule({
return [
...routerOptionsFiles.map((file, index) => genImport(file.path, `routerOptions${index}`)),
`const configRouterOptions = ${configRouterOptions}`,
`export const hashMode = ${[...routerOptionsFiles.filter(o => o.path !== builtInRouterOptions).map((_, index) => `routerOptions${index}.hashMode`).reverse(), nuxt.options.router.options.hashMode].join(' ?? ')}`,
'export default {',
'...configRouterOptions,',
...routerOptionsFiles.map((_, index) => `...routerOptions${index},`),

4
packages/nuxt/src/pages/runtime/plugins/prerender.server.ts
View File

@ -7,7 +7,7 @@ import { defineNuxtPlugin, useRuntimeConfig } from '#app/nuxt'
import { prerenderRoutes } from '#app/composables/ssr'
// @ts-expect-error virtual file
import _routes from '#build/routes'
import routerOptions from '#build/router.options'
import routerOptions, { hashMode } from '#build/router.options'
// @ts-expect-error virtual file
import { crawlLinks } from '#build/nuxt.config.mjs'
@ -16,7 +16,7 @@ let routes: string[]
let _routeRulesMatcher: undefined | ReturnType<typeof toRouteMatcher> = undefined
export default defineNuxtPlugin(async () => {
if (!import.meta.server || !import.meta.prerender || routerOptions.hashMode) {
if (!import.meta.server || !import.meta.prerender || hashMode) {
return
}
if (routes && !routes.length) { return }

6
packages/nuxt/src/pages/runtime/plugins/router.ts
View File

@ -19,7 +19,7 @@ import { navigateTo } from '#app/composables/router'
import { appManifest as isAppManifestEnabled } from '#build/nuxt.config.mjs'
// @ts-expect-error virtual file
import _routes, { handleHotUpdate } from '#build/routes'
import routerOptions from '#build/router.options'
import routerOptions, { hashMode } from '#build/router.options'
// @ts-expect-error virtual file
import { globalMiddleware, namedMiddleware } from '#build/middleware'
@ -51,13 +51,13 @@ const plugin: Plugin<{ router: Router }> = defineNuxtPlugin({
enforce: 'pre',
async setup (nuxtApp) {
let routerBase = useRuntimeConfig().app.baseURL
if (routerOptions.hashMode && !routerBase.includes('#')) {
if (hashMode && !routerBase.includes('#')) {
// allow the user to provide a `#` in the middle: `/base/#/app`
routerBase += '#'
}
const history = routerOptions.history?.(routerBase) ?? (import.meta.client
? (routerOptions.hashMode ? createWebHashHistory(routerBase) : createWebHistory(routerBase))
? (hashMode ? createWebHashHistory(routerBase) : createWebHistory(routerBase))
: createMemoryHistory(routerBase)
)