From 213ce66c3689b710e54913db892bc61880f676ce Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Mon, 9 Sep 2024 21:37:55 +0200
Subject: [PATCH] fix(nuxt): do not accept attrs on `<NuxtErrorBoundary>`
 (#28901)

---
 .../src/app/components/nuxt-error-boundary.ts | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-error-boundary.ts b/packages/nuxt/src/app/components/nuxt-error-boundary.ts
index ea54ff8393..8fb88d830a 100644
--- a/packages/nuxt/src/app/components/nuxt-error-boundary.ts
+++ b/packages/nuxt/src/app/components/nuxt-error-boundary.ts
@@ -2,6 +2,8 @@ import { defineComponent, onErrorCaptured, ref } from 'vue'
 import { useNuxtApp } from '../nuxt'
 
 export default defineComponent({
+  name: 'NuxtErrorBoundary',
+  inheritAttrs: false,
   emits: {
     error (_error: unknown) {
       return true
@@ -11,14 +13,16 @@ export default defineComponent({
     const error = ref<Error | null>(null)
     const nuxtApp = useNuxtApp()
 
-    onErrorCaptured((err, target, info) => {
-      if (import.meta.client && (!nuxtApp.isHydrating || !nuxtApp.payload.serverRendered)) {
-        emit('error', err)
-        nuxtApp.hooks.callHook('vue:error', err, target, info)
-        error.value = err
-        return false
-      }
-    })
+    if (import.meta.client) {
+      onErrorCaptured((err, target, info) => {
+        if (!nuxtApp.isHydrating || !nuxtApp.payload.serverRendered) {
+          emit('error', err)
+          nuxtApp.hooks.callHook('vue:error', err, target, info)
+          error.value = err
+          return false
+        }
+      })
+    }
 
     function clearError () {
       error.value = null