From 158f0d26467a96a7f1da0a1645236aa00b2d884c Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 11 Mar 2024 18:43:23 +0100
Subject: [PATCH] chore(Provider): add props

---
 src/runtime/components/Provider.vue | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/runtime/components/Provider.vue b/src/runtime/components/Provider.vue
index 1fbc5aaf..579895ae 100644
--- a/src/runtime/components/Provider.vue
+++ b/src/runtime/components/Provider.vue
@@ -1,14 +1,31 @@
+<script lang="ts">
+import type { ConfigProviderProps, ToastProviderProps, TooltipProviderProps } from 'radix-vue'
+
+export interface ProviderProps extends ConfigProviderProps {
+  tooltip?: TooltipProviderProps
+  toast?: ToastProviderProps
+}
+</script>
+
 <script setup lang="ts">
-import { ConfigProvider, ToastProvider, TooltipProvider } from 'radix-vue'
+import { toRef } from 'vue'
+import { ConfigProvider, ToastProvider, TooltipProvider, useForwardProps } from 'radix-vue'
+import { reactivePick } from '@vueuse/core'
 import { useId } from '#imports'
 
-const useIdFunction = () => useId()
+const props = withDefaults(defineProps<ProviderProps>(), {
+  useId: () => useId()
+})
+
+const configProps = useForwardProps(reactivePick(props, 'dir', 'scrollBody', 'useId'))
+const tooltipProps = toRef(() => props.tooltip as TooltipProviderProps)
+const toastProps = toRef(() => props.toast as ToastProviderProps)
 </script>
 
 <template>
-  <ConfigProvider :use-id="useIdFunction">
-    <TooltipProvider>
-      <ToastProvider>
+  <ConfigProvider v-bind="configProps">
+    <TooltipProvider v-bind="tooltipProps">
+      <ToastProvider v-bind="toastProps">
         <slot />
       </ToastProvider>
     </TooltipProvider>