fix(nuxt): broken capo.js injectHead usage

packages/nuxt/src/head/runtime/plugins/capo.ts

@@ -1,9 +1,9 @@
-import { CapoPlugin, injectHead } from '@unhead/vue'
+import { CapoPlugin } from '@unhead/vue'
 import { defineNuxtPlugin } from '#app/nuxt'
 
 export default defineNuxtPlugin({
   name: 'nuxt:head:capo',
-  setup () {
-    injectHead().use(CapoPlugin())
+  setup (nuxtApp) {
+    nuxtApp.vueApp._context.provides.usehead.use(CapoPlugin())
   }
 })

packages/schema/src/config/experimental.ts

@@ -210,7 +210,9 @@ export default defineUntypedSchema({
     watcher: 'chokidar-granular',
 
     /**
-     * Add the CAPO head plugin in order to render tags in of the head in a more performant way.
+     * Add the capo.js head plugin in order to render tags in of the head in a more performant way.
+     *
+     * @see https://rviscomi.github.io/capo.js/user/rules/
      */
     headCapoPlugin: false
   }

test/basic.test.ts

@@ -569,7 +569,7 @@ describe('head tags', () => {
     expect(headHtml).toContain('<meta name="description" content="overriding with an inline useHead call">')
     expect(headHtml).toMatch(/<html[^>]*class="html-attrs-test"/)
     expect(headHtml).toMatch(/<body[^>]*class="body-attrs-test"/)
-    expect(headHtml).toContain('<script src="https://a-body-appended-script.com"></script></body>')
+    expect(headHtml).toContain('<script src="https://a-body-appended-script.com"></script>')
 
     const indexHtml = await $fetch('/')
     // should render charset by default

test/fixtures/basic/nuxt.config.ts

@@ -187,7 +187,8 @@ export default defineNuxtConfig({
     componentIslands: true,
     reactivityTransform: true,
     treeshakeClientOnly: true,
-    payloadExtraction: true
+    payloadExtraction: true,
+    headCapoPlugin: true
   },
   appConfig: {
     fromNuxtConfig: true,