From 82400fc9333fb2732113b5bb26c219b9a7c1bc46 Mon Sep 17 00:00:00 2001 From: julien huang Date: Fri, 11 Nov 2022 18:00:20 +0100 Subject: [PATCH] fix(nuxt): avoid passing attrs to default slot for ClientOnly --- 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) } } })