fix(nuxt): update head entry when speculation rules are updated

[danielroe]

🔗 Linked issue

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Previously new crossorigin prefetches were not being injected into the head as it was not reactive outside a vue component. This PR fixes that by manually calling patch when necessary.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[codesandbox]

Open in CodeSandbox Web Editor | VS Code | VS Code Insiders

[harlan-zw]

TIL nav speculation API is a thing, looks quite interesting.

Just an FYI, with unhead 1.0.7, innerHTML objects are automatically JSON stringified, have also exported the SpeculationRules schema.

importtype{SpeculationRules}from'@unhead/schema'useHead({script: [{type: 'speculationrules',innerHTML: <SpeculationRules>{prefetch: [{source: 'list',urls: [...externalURLs.value],requires: ['anonymous-client-ip-when-cross-origin'],},],},},]})