diff --git a/bun.lockb b/bun.lockb index 74f1ff6..dfffcb8 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/nodepkg/ui/src/Overlays/Dialog.tsx b/nodepkg/ui/src/Overlays/Dialog.tsx index 3216411..29df234 100644 --- a/nodepkg/ui/src/Overlays/Dialog.tsx +++ b/nodepkg/ui/src/Overlays/Dialog.tsx @@ -13,7 +13,8 @@ import { type ObservableRef, ext, rx, - render + render, + type VNodeChildAtom } from "@nodepkg/runtime"; import { watch, ref, type VNodeChild } from "vue"; import { FilledButton, TextButton } from "../Buttons"; @@ -38,17 +39,17 @@ export const useDialog = ( }; export const useDialogModal = (opt: { - $title: () => VNodeChild; - $content: () => VNodeChild; + $title: () => VNodeChildAtom; + $content: () => VNodeChildAtom; }) => { return useDialog(() => { return ( - <>{opt.$title()} + {opt.$title()} - <>{opt.$content()} + {opt.$content()} ); @@ -56,16 +57,18 @@ export const useDialogModal = (opt: { }; export const useDialogPrompt = (opt: { - $title: () => VNodeChild; - $content: () => VNodeChild; + $title: () => VNodeChildAtom; + $content: () => VNodeChildAtom; onConfirm?: () => void; }) => { const dialog$ = useDialog(() => { + + return ( - <>{opt.$title()} + {opt.$title()} } > - <>{opt.$content()} + {opt.$content()} ); diff --git a/package.json b/package.json index d88834f..3d1deb3 100644 --- a/package.json +++ b/package.json @@ -18,7 +18,7 @@ "@innoai-tech/config": "^0.5.2", "@innoai-tech/gents": "^0.6.5", "@innoai-tech/monobundle": "^0.11.10", - "@innoai-tech/vue-vite-presets": "^0.6.0", + "@innoai-tech/vue-vite-presets": "^0.6.1", "@nodepkg/devconfig": "workspace:*", "@types/js-yaml": "^4.0.9", "@vue/test-utils": "^2.4.1",