From 8c4ff5c585f2933279590c5bf6ebf293ba77ca63 Mon Sep 17 00:00:00 2001
From: Julien Huang <63512348+huang-julien@users.noreply.github.com>
Date: Mon, 14 Nov 2022 11:27:57 +0100
Subject: [PATCH] fix(nuxt): avoid passing attrs to default slot for ClientOnly
 (#8921)

---
 packages/nuxt/src/app/components/client-only.mjs | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/nuxt/src/app/components/client-only.mjs b/packages/nuxt/src/app/components/client-only.mjs
index e6530f74298..5bc55149a54 100644
--- a/packages/nuxt/src/app/components/client-only.mjs
+++ b/packages/nuxt/src/app/components/client-only.mjs
@@ -2,9 +2,10 @@ import { ref, onMounted, defineComponent, createElementBlock, h, createElementVN
 
 export default defineComponent({
   name: 'ClientOnly',
+  inheritAttrs: false,
   // eslint-disable-next-line vue/require-prop-types
   props: ['fallback', 'placeholder', 'placeholderTag', 'fallbackTag'],
-  setup (_, { slots }) {
+  setup (_, { slots, attrs }) {
     const mounted = ref(false)
     onMounted(() => { mounted.value = true })
     return (props) => {
@@ -13,7 +14,7 @@ export default defineComponent({
       if (slot) { return slot() }
       const fallbackStr = props.fallback || props.placeholder || ''
       const fallbackTag = props.fallbackTag || props.placeholderTag || 'span'
-      return createElementBlock(fallbackTag, null, fallbackStr)
+      return createElementBlock(fallbackTag, attrs, fallbackStr)
     }
   }
 })