feat(Slideover): open programmatically (#122)

src/runtime/components/App.vue

@@ -13,7 +13,7 @@ import { toRef } from 'vue'
 import { ConfigProvider, TooltipProvider, useForwardProps } from 'radix-vue'
 import { reactivePick } from '@vueuse/core'
 import { useId } from '#imports'
-import { UToaster, UModalProvider } from '#components'
+import { UToaster, UModalProvider, USlideoverProvider } from '#components'
 
 const props = withDefaults(defineProps<ProviderProps>(), {
   useId: () => useId()
@@ -33,5 +33,6 @@ const toasterProps = toRef(() => props.toaster)
     </TooltipProvider>
 
     <UModalProvider />
+    <USlideoverProvider />
   </ConfigProvider>
 </template>

src/runtime/components/SlideoverProvider.vue

@@ -0,0 +1,12 @@
+<script lang="ts" setup>
+import { inject } from 'vue'
+import { slideoverInjectionKey, useSlideover } from '../composables/useSlideover'
+
+const slideoverState = inject(slideoverInjectionKey)
+
+const { isOpen } = useSlideover()
+</script>
+
+<template>
+  <component :is="slideoverState.component" v-if="slideoverState" v-bind="slideoverState.props" v-model:open="isOpen" />
+</template>