fix: render bodyPrepend in template

packages/bridge/src/runtime/nitro/renderer.ts

@@ -23,7 +23,7 @@ export interface NuxtRenderHTMLContext {
   head: string[]
   headAttrs: string[]
   bodyAttrs: string[]
-  bodyPreprend: string[]
+  bodyPrepend: string[]
   body: string[]
   bodyAppend: string[]
 }
@@ -208,7 +208,7 @@ export default defineRenderHandler(async (event) => {
         ssrContext.styles
       ]),
       bodyAttrs: normalizeChunks([_rendered.meta.bodyAttrs]),
-      bodyPreprend: normalizeChunks([
+      bodyPrepend: normalizeChunks([
         ssrContext.teleports?.body,
         _rendered.meta.bodyScriptsPrepend
       ]),
@@ -234,8 +234,8 @@ export default defineRenderHandler(async (event) => {
         HEAD_ATTRS: joinAttrs(htmlContext.headAttrs),
         HEAD: joinTags(htmlContext.head),
         BODY_ATTRS: joinAttrs(htmlContext.bodyAttrs),
-        BODY_PREPEND: joinTags(htmlContext.bodyPreprend),
-        APP: _rendered.html + joinTags(htmlContext.bodyAppend)
+        BODY_PREPEND: joinTags(htmlContext.bodyPrepend),
+        APP: joinTags(htmlContext.bodyPrepend) + _rendered.html + joinTags(htmlContext.bodyAppend)
       }),
       statusCode: event.node.res.statusCode,
       statusMessage: event.node.res.statusMessage,

playground/nuxt.config.ts

@@ -33,7 +33,8 @@ export default defineNuxtConfig({
   nitro: {
     routeRules: {
       '/route-rules/spa': { ssr: false }
-    }
+    },
+    plugins: ['plugins/template.ts']
   },
   bridge: {
     meta: true,

playground/pages/nitro/template-plugin.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>
+    Nitro Plugin
+  </div>
+</template>
+<script setup>
+</script>

playground/server/plugins/template.ts

@@ -0,0 +1,11 @@
+
+export default defineNitroPlugin((nitroApp) => {
+  nitroApp.hooks.hook('render:html' as any, (html: any) => {
+    for (const bodyPart of html.body) {
+      if (bodyPart.includes('Nitro Plugin')) {
+        html.bodyPrepend.push('<p>Prepended HTML</p>')
+        return
+      }
+    }
+  })
+})

test/bridge.test.ts

@@ -170,6 +170,13 @@ describe('middleware', () => {
   })
 })
 
+describe('nitro plugins', () => {
+  it('should prepend a node to the rendered template', async () => {
+    const html = await $fetch('/nitro/template-plugin')
+    expect(html).toMatch(/<body\s?>[\n\s]+<p>Prepended HTML<\/p>/)
+  })
+})
+
 describe('dynamic paths', () => {
   if (process.env.NUXT_TEST_DEV) {
     // TODO: