Merge branch 'release/v0.23.2'

lib/modal/oui-dialog-edit.demo.vue

@@ -1,22 +1,24 @@
 <script lang="ts" setup>
-import { reactive } from 'vue'
 import OuiDialogExample from './oui-dialog-edit.example.vue'
-import { OuiButton, OuiDemo, useDialog } from '@/lib'
+import { dialogOpen, useDialogOpen } from './use-dialog'
+import { OuiButton } from '@/lib'
 
-const state = reactive({
-  show: false,
-  value: null,
-})
-
-const { open } = useDialog(OuiDialogExample)
+const open = useDialogOpen(OuiDialogExample)
 </script>
 
 <template>
-  <OuiButton @click="open().then(v => state.value = v as any)">
-    Create Dialog
+  <OuiButton @click="dialogOpen(OuiDialogExample)">
+    Create Dialog with dialogOpen
+  </OuiButton>
+  <OuiButton @click="dialogOpen(OuiDialogExample, { id: 123 })">
+    Edit Dialog with dialogOpen
+  </OuiButton>
+  <br>
+  <br>
+  <OuiButton @click="open()">
+    Create Dialog with useDialogOpen
   </OuiButton>
-  <OuiButton @click="open({ id: 123 }).then(v => state.value = v as any)">
-    Edit Dialog
+  <OuiButton @click="open({ id: 123 })">
+    Edit Dialog with useDialogOpen
   </OuiButton>
-  <OuiDemo :state="state" />
 </template>

lib/modal/use-dialog.ts

@@ -65,3 +65,13 @@ export function useDialog<T extends Component>(component?: T) {
     },
   }
 }
+
+export function dialogOpen<T = any>(component: Component, props?: T) {
+  const { open } = useDialog(component)
+  open(props)
+}
+
+export function useDialogOpen(component: Component) {
+  const { open } = useDialog(component)
+  return open
+}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "oui-kit",
   "type": "module",
-  "version": "0.23.1",
+  "version": "0.23.2",
   "author": {
     "email": "[email protected]",
     "name": "Dirk Holtwick",