fix(nuxt): avoid passing attrs to default slot for ClientOnly (#8921)

nuxt · Nov 14, 2022 · 8c4ff5c · 8c4ff5c
1 parent dc22bd3
commit 8c4ff5c
Showing 1 changed file with 3 additions and 2 deletions.
diff --git 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)
     }
   }
 })