From 9d1feb7a3f9813cbf08c5aece688468a5fef2d04 Mon Sep 17 00:00:00 2001
From: sunnylost <sunnylost@gmail.com>
Date: Mon, 7 Oct 2024 11:28:31 +0800
Subject: [PATCH] fix: set inheritAttrs to false for components that render
 fragments (#1340)

---
 packages/radix-vue/src/ConfigProvider/ConfigProvider.vue | 4 ++++
 packages/radix-vue/src/Dialog/DialogRoot.vue             | 4 ++++
 packages/radix-vue/src/Popper/PopperRoot.vue             | 4 ++++
 packages/radix-vue/src/Select/SelectProvider.vue         | 4 ++++
 packages/radix-vue/src/Toast/ToastProvider.vue           | 4 ++++
 packages/radix-vue/src/Tooltip/TooltipProvider.vue       | 4 ++++
 6 files changed, 24 insertions(+)

diff --git a/packages/radix-vue/src/ConfigProvider/ConfigProvider.vue b/packages/radix-vue/src/ConfigProvider/ConfigProvider.vue
index a048e826e..6a35b025e 100644
--- a/packages/radix-vue/src/ConfigProvider/ConfigProvider.vue
+++ b/packages/radix-vue/src/ConfigProvider/ConfigProvider.vue
@@ -39,6 +39,10 @@ export interface ConfigProviderProps {
 <script setup lang="ts">
 import { toRefs } from 'vue'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const props = withDefaults(defineProps<ConfigProviderProps>(), {
   dir: 'ltr',
   scrollBody: true,
diff --git a/packages/radix-vue/src/Dialog/DialogRoot.vue b/packages/radix-vue/src/Dialog/DialogRoot.vue
index caa0ed45d..c77585abe 100644
--- a/packages/radix-vue/src/Dialog/DialogRoot.vue
+++ b/packages/radix-vue/src/Dialog/DialogRoot.vue
@@ -40,6 +40,10 @@ export const [injectDialogRootContext, provideDialogRootContext]
 import { ref, toRefs } from 'vue'
 import { useVModel } from '@vueuse/core'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const props = withDefaults(defineProps<DialogRootProps>(), {
   open: undefined,
   defaultOpen: false,
diff --git a/packages/radix-vue/src/Popper/PopperRoot.vue b/packages/radix-vue/src/Popper/PopperRoot.vue
index b3231d6c2..5a51d9da3 100644
--- a/packages/radix-vue/src/Popper/PopperRoot.vue
+++ b/packages/radix-vue/src/Popper/PopperRoot.vue
@@ -18,6 +18,10 @@ export const [injectPopperRootContext, providePopperRootContext]
 <script setup lang="ts">
 import { ref } from 'vue'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const anchor = ref<Measurable | HTMLElement>()
 
 providePopperRootContext({
diff --git a/packages/radix-vue/src/Select/SelectProvider.vue b/packages/radix-vue/src/Select/SelectProvider.vue
index fe6e3ded0..a5545d26d 100644
--- a/packages/radix-vue/src/Select/SelectProvider.vue
+++ b/packages/radix-vue/src/Select/SelectProvider.vue
@@ -2,6 +2,10 @@
 import type { SelectRootContext } from './SelectRoot.vue'
 import { provideSelectRootContext } from './SelectRoot.vue'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const props = defineProps<{
   context: SelectRootContext
 }>()
diff --git a/packages/radix-vue/src/Toast/ToastProvider.vue b/packages/radix-vue/src/Toast/ToastProvider.vue
index 1a624ec01..5ef6be027 100644
--- a/packages/radix-vue/src/Toast/ToastProvider.vue
+++ b/packages/radix-vue/src/Toast/ToastProvider.vue
@@ -48,6 +48,10 @@ export const [injectToastProviderContext, provideToastProviderContext]
 <script setup lang="ts">
 import { ref, toRefs } from 'vue'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const props = withDefaults(defineProps<ToastProviderProps>(), {
   label: 'Notification',
   duration: 5000,
diff --git a/packages/radix-vue/src/Tooltip/TooltipProvider.vue b/packages/radix-vue/src/Tooltip/TooltipProvider.vue
index ef93e8190..05a3cd55e 100644
--- a/packages/radix-vue/src/Tooltip/TooltipProvider.vue
+++ b/packages/radix-vue/src/Tooltip/TooltipProvider.vue
@@ -58,6 +58,10 @@ export interface TooltipProviderProps {
 import { useTimeoutFn } from '@vueuse/shared'
 import { ref, toRefs } from 'vue'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const props = withDefaults(defineProps<TooltipProviderProps>(), {
   delayDuration: 700,
   skipDelayDuration: 300,