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.

import type { SpeculationRules } from '@unhead/schema'

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