feat(Slideover): open programmatically (#1465)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>

src/runtime/composables/useSlideover.ts

@@ -0,0 +1,55 @@
+import { ref, inject } from 'vue'
+import { createSharedComposable } from '@vueuse/core'
+import type { ShallowRef, Component, InjectionKey } from 'vue'
+import type { ComponentProps } from '../types/component'
+import type { Slideover, SlideoverState } from '../types/slideover'
+
+export const slidOverInjectionKey: InjectionKey<ShallowRef<SlideoverState>> =
+    Symbol('nuxt-ui.slideover')
+
+function _useSlideover () {
+    const slideoverState = inject(slidOverInjectionKey)
+    const isOpen = ref(false)
+
+    function open<T extends Component> (component: T, props?: Slideover & ComponentProps<T>) {
+        if (!slideoverState) {
+            throw new Error('useSlideover() is called without provider')
+        }
+
+        slideoverState.value = {
+            component,
+            props: props ?? {}
+        }
+
+        isOpen.value = true
+    }
+
+    function close () {
+        if (!slideoverState) return
+
+        isOpen.value = false
+    }
+
+    /**
+     * Allows updating the slideover props
+     */
+    function patch<T extends Component = {}> (props: Partial<Slideover & ComponentProps<T>>) {
+        if (!slideoverState) return
+
+        slideoverState.value = {
+            ...slideoverState.value,
+            props: {
+                ...slideoverState.value.props,
+                ...props
+            }
+        }
+    }
+    return {
+        open,
+        close,
+        patch,
+        isOpen
+    }
+}
+
+export const useSlideover = createSharedComposable(_useSlideover)