Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-22 13:45:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(nuxt): speculation rules should be reactive (#9472)

Browse Source
This commit is contained in:
Daniel Roe 2022-12-05 10:46:13 +00:00 committed by GitHub
parent 1059b8c9a8
commit 5fe7c1c24d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/nuxt/src/app/plugins/cross-origin-prefetch.client.ts
View File

@ -4,10 +4,10 @@ import { defineNuxtPlugin, useHead } from '#app'
export default defineNuxtPlugin((nuxtApp) => {
const externalURLs = ref(new Set<string>())
useHead({
script: [
() => ({
function generateRules () {
return {
type: 'speculationrules',
key: 'speculationrules',
innerHTML: JSON.stringify({
prefetch: [
{
@ -17,13 +17,18 @@ export default defineNuxtPlugin((nuxtApp) => {
}
]
})
})
]
}
}
const head = useHead({
script: [generateRules()]
})
nuxtApp.hook('link:prefetch', (url) => {
const { protocol } = parseURL(url)
if (protocol && ['http:', 'https:'].includes(protocol)) {
externalURLs.value.add(url)
head?.patch({
script: [generateRules()]
})
}
})
})