useHead({
  link: [{
    rel: 'canonical',
    href: '/page',
    imagesrcset: '...',  // no error - but invalid for canonical!
    onload: () => {},    // no error - but canonical doesn't fire events!
  }]
})

useHead({
  link: [{
    rel: 'canonical',
    href: '/page',
    imagesrcset: '...',  // ❌ Error: Property 'imagesrcset' does not exist
    onload: () => {},    // ❌ Error: Property 'onload' does not exist
  }]
})

useHead({
  link: [{ rel: 'preload', as: 'script', href: '/app.js', imagesrcset: '...' }]  // no error
})

useHead({
  link: [{ rel: 'preload', as: 'image', href: '/hero.webp', imagesrcset: '...' }]  // ✅ valid
})

useHead({
  link: [{ rel: 'preload', as: 'script', href: '/app.js', imagesrcset: '...' }]   // ❌ Error
})

useHead({
  link: [{ rel: 'preload', as: 'font', href: '/font.woff2' }]  // no error - but broken!
})

useHead({
  link: [{ rel: 'preload', as: 'font', href: '/font.woff2' }]  // ❌ Error: crossorigin required
})

useHead({
  link: [{ rel: 'preload', as: 'font', href: '/font.woff2', crossorigin: 'anonymous' }]  // ✅
})

useHead({
  script: [{ type: 'application/ld+json', textContent: {...}, async: true }]  // no error - invalid!
})

useHead({
  script: [{ type: 'application/ld+json', textContent: {...}, async: true }]  // ❌ Error
})

useHead({
  script: [{ textContent: 'console.log("hi")', onload: () => {} }]  // no error - never fires!
})

useHead({
  script: [{ textContent: 'console.log("hi")', onload: () => {} }]  // ❌ Error
})

useHead({
  script: [{ src: '/app.js', onload: () => {} }]  // ✅ ExternalScript has events
})

useHead({
  meta: [{ name: 'description', property: 'og:description', content: '...' }]  // no error - invalid HTML!
})

useHead({
  meta: [{ name: 'description', property: 'og:description', content: '...' }]  // ❌ Error
})

useHead({
  meta: [{ name: 'description', content: '...' }]       // ✅ NameMeta
})

useHead({
  meta: [{ property: 'og:description', content: '...' }] // ✅ PropertyMeta
})