{"_id":"@auswuchs/vue-dialog","_rev":"7-bdd5068b9fcfea5e9d8ed02db5fcaa3c","name":"@auswuchs/vue-dialog","dist-tags":{"latest":"1.1.6"},"versions":{"1.0.0":{"name":"@auswuchs/vue-dialog","description":"Modern programmatic way to use dialogs in vue","private":false,"version":"1.0.0","type":"module","main":"./dist/vue-dialog.cjs","module":"./dist/vue-dialog.js","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/vue-dialog.cjs","import":"./dist/vue-dialog.js"}},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"@vueuse/core":"^9.13.0","vue":"^3.2.47"},"devDependencies":{"@types/node":"^20.8.4","@vitejs/plugin-vue":"^4.4.0","typescript":"^5.2.2","vite":"^4.4.11","vite-plugin-dts":"^3.6.0","vue-tsc":"^1.8.19"},"repository":{"type":"git","url":"git+https://github.com/auswuchs/vue-dialog.git"},"gitHead":"412e25c105665a64b5d2b5b2fb5bbea45be04f1e","bugs":{"url":"https://github.com/auswuchs/vue-dialog/issues"},"homepage":"https://github.com/auswuchs/vue-dialog#readme","_id":"@auswuchs/vue-dialog@1.0.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-guYk84p6ibEC4UMuSV9lYRkCMnVlE99G413yu5ZgzpggdXAFnzikjKpEBkAwtpB4TuZqn93AAgruUVFUpzZ5zg==","shasum":"3328dd73fff2200bb9500b9529ecadba256446b0","tarball":"https://registry.npmjs.org/@auswuchs/vue-dialog/-/vue-dialog-1.0.0.tgz","fileCount":9,"unpackedSize":19904,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6prG8c86YALP1bR9Ygh85FksiteTVPlIV0XhINXpwPwIhALmwHOF3wMjpHNOQb0GzZXe+xX0tEW8ImRpoyp8b9lPi"}]},"_npmUser":{"name":"auswuchs","email":"oxotnik3330@gmail.com"},"directories":{},"maintainers":[{"name":"auswuchs","email":"oxotnik3330@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-dialog_1.0.0_1697632009833_0.20867231042572953"},"_hasShrinkwrap":false},"1.0.1":{"name":"@auswuchs/vue-dialog","description":"Modern programmatic way to use dialogs in vue","private":false,"version":"1.0.1","type":"module","main":"./dist/vue-dialog.cjs","module":"./dist/vue-dialog.js","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/vue-dialog.cjs","import":"./dist/vue-dialog.js"}},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"@vueuse/core":"^9.13.0","vue":"^3.2.47"},"devDependencies":{"@types/node":"^20.8.4","@vitejs/plugin-vue":"^4.4.0","typescript":"^5.2.2","vite":"^4.4.11","vite-plugin-dts":"^3.6.0","vue-tsc":"^1.8.19"},"repository":{"type":"git","url":"git+https://github.com/auswuchs/vue-dialog.git"},"keywords":["vue","vue.js","nuxt","dialog","modal","vue-use"],"gitHead":"873979e930b58b7c5842da668b80646e62782d66","bugs":{"url":"https://github.com/auswuchs/vue-dialog/issues"},"homepage":"https://github.com/auswuchs/vue-dialog#readme","_id":"@auswuchs/vue-dialog@1.0.1","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-V+za8AWgNCyXbljAAFN5tJbAxQouMNMPoEk4VVPfPX4E16gagss7WvKl5XLe1hTwymnoSUHuZ3JrAGhIKorSpA==","shasum":"3bfe0a9280e1f8116103a943ce592348c937b631","tarball":"https://registry.npmjs.org/@auswuchs/vue-dialog/-/vue-dialog-1.0.1.tgz","fileCount":9,"unpackedSize":20027,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBAwVgFK8L+mC4QMK92chtrqzC2f6ZZXTaCc7YN6pwGOAiEAkffKsgZc9XaTwEPNBLyuJxbmgJOT/khy37DaueVSJGs="}]},"_npmUser":{"name":"auswuchs","email":"oxotnik3330@gmail.com"},"directories":{},"maintainers":[{"name":"auswuchs","email":"oxotnik3330@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-dialog_1.0.1_1697632430866_0.1705678240505759"},"_hasShrinkwrap":false},"1.0.2":{"name":"@auswuchs/vue-dialog","description":"Modern programmatic way to use dialogs in vue","private":false,"version":"1.0.2","type":"module","main":"./dist/vue-dialog.cjs","module":"./dist/vue-dialog.js","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/vue-dialog.cjs","import":"./dist/vue-dialog.js"}},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"@vueuse/core":"^9.13.0","vue":"^3.2.47"},"devDependencies":{"@types/node":"^20.8.4","@vitejs/plugin-vue":"^4.4.0","typescript":"^5.2.2","vite":"^4.4.11","vite-plugin-dts":"^3.6.0","vue-tsc":"^1.8.19"},"repository":{"type":"git","url":"git+https://github.com/auswuchs/vue-dialog.git"},"keywords":["vue","vue.js","nuxt","dialog","modal","vue-use"],"gitHead":"035fc0d8394a3758918d2263ad3d569f4644b88e","bugs":{"url":"https://github.com/auswuchs/vue-dialog/issues"},"homepage":"https://github.com/auswuchs/vue-dialog#readme","_id":"@auswuchs/vue-dialog@1.0.2","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-l3j8ld8kaahYyBiJ8EV0vykO49WlhtKZ4IJnntjagj4OE1T8gC2weuGF0qTzWEMsHIq7fqLSgVUus3HHGg7xDA==","shasum":"8f928f4bd6937941eccaaf425e9a2070eeb1f389","tarball":"https://registry.npmjs.org/@auswuchs/vue-dialog/-/vue-dialog-1.0.2.tgz","fileCount":9,"unpackedSize":20027,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdXZLXscuRQeE1QHy4sSx1/+S9n+IU9kZ6EiU2AVW7hgIhAIgudvMsArkt58zvcPwMe1Rw7wM/tCVvmrT4TopAkYBq"}]},"_npmUser":{"name":"auswuchs","email":"oxotnik3330@gmail.com"},"directories":{},"maintainers":[{"name":"auswuchs","email":"oxotnik3330@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-dialog_1.0.2_1697634777527_0.2695893439298389"},"_hasShrinkwrap":false},"1.0.3":{"name":"@auswuchs/vue-dialog","description":"Modern programmatic way to use dialogs in vue","private":false,"version":"1.0.3","type":"module","main":"./dist/vue-dialog.cjs","module":"./dist/vue-dialog.js","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/vue-dialog.cjs","import":"./dist/vue-dialog.js"}},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"@vueuse/core":"^9.13.0","vue":"^3.2.47"},"devDependencies":{"@types/node":"^20.8.4","@vitejs/plugin-vue":"^4.4.0","typescript":"^5.2.2","vite":"^4.4.11","vite-plugin-dts":"^3.6.0","vue-tsc":"^1.8.19"},"repository":{"type":"git","url":"git+https://github.com/auswuchs/vue-dialog.git"},"keywords":["vue","vue.js","nuxt","dialog","modal","vue-use"],"gitHead":"a7c177021824ca41b96f85a9d6450baaa6dafa04","bugs":{"url":"https://github.com/auswuchs/vue-dialog/issues"},"homepage":"https://github.com/auswuchs/vue-dialog#readme","_id":"@auswuchs/vue-dialog@1.0.3","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-ppbYyYEy+p0abhMHPMyeNQka5Q7IcLmriA8kTgV9p1ZJJnp2uhrnosi51pyK9J59xp+S6KbIlOdKo0bF0xcZug==","shasum":"ebe80bc6cd86c539cd58278946938d83fbfc5f72","tarball":"https://registry.npmjs.org/@auswuchs/vue-dialog/-/vue-dialog-1.0.3.tgz","fileCount":9,"unpackedSize":20002,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpoI0NXDhH4cQ5aJxU0aA0W2l+15wBVHsbtcADo2OQTQIgQjOubqM3nnYRtOE2UFQET6p4GblembS0bOr/h9nhITg="}]},"_npmUser":{"name":"auswuchs","email":"oxotnik3330@gmail.com"},"directories":{},"maintainers":[{"name":"auswuchs","email":"oxotnik3330@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-dialog_1.0.3_1697634973539_0.14098563764137872"},"_hasShrinkwrap":false},"1.1.3":{"name":"@auswuchs/vue-dialog","description":"Modern programmatic way to use dialogs in vue","private":false,"version":"1.1.3","type":"module","main":"./dist/vue-dialog.cjs","module":"./dist/vue-dialog.js","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/vue-dialog.cjs","import":"./dist/vue-dialog.js"}},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"@vueuse/core":"^9.13.0","nanoid":"^5.0.2","vue":"^3.2.47"},"devDependencies":{"@types/node":"^20.8.4","@vitejs/plugin-vue":"^4.4.0","typescript":"^5.2.2","vite":"^4.4.11","vite-plugin-dts":"^3.6.0","vue-tsc":"^1.8.19"},"repository":{"type":"git","url":"git+https://github.com/auswuchs/vue-dialog.git"},"keywords":["vue","vue.js","nuxt","dialog","modal","vue-use"],"gitHead":"e83d05692d8dca164393dde0edad89ffb78cf833","bugs":{"url":"https://github.com/auswuchs/vue-dialog/issues"},"homepage":"https://github.com/auswuchs/vue-dialog#readme","_id":"@auswuchs/vue-dialog@1.1.3","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Z9Yxj+ILG92/BJqUEAEACPFfvOg5QQyKvnY1HFwjRnudnug2/M2BuXzlgQwGT8NLX98oCCzSqa4JLikn/DuyrQ==","shasum":"83c53864a2cc77d7f283b6f0a2e482a253b93522","tarball":"https://registry.npmjs.org/@auswuchs/vue-dialog/-/vue-dialog-1.1.3.tgz","fileCount":9,"unpackedSize":21756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDcWXgtEKGDim8Ket+natZvEGQ2uf2iOAoeDy3tqmJoSwIhALGGmJYjlcsVpjqZ8i4E2gFwoANGIXt9N4WELWyH+idS"}]},"_npmUser":{"name":"auswuchs","email":"oxotnik3330@gmail.com"},"directories":{},"maintainers":[{"name":"auswuchs","email":"oxotnik3330@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-dialog_1.1.3_1697640255457_0.1170742652302108"},"_hasShrinkwrap":false},"1.1.4":{"name":"@auswuchs/vue-dialog","description":"Modern programmatic way to use dialogs in vue","private":false,"version":"1.1.4","type":"module","main":"./dist/vue-dialog.cjs","module":"./dist/vue-dialog.js","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/vue-dialog.cjs","import":"./dist/vue-dialog.js"}},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"@vueuse/core":"^9.13.0","nanoid":"^5.0.2","vue":"^3.2.47"},"devDependencies":{"@types/node":"^20.8.4","@vitejs/plugin-vue":"^4.4.0","typescript":"^5.2.2","vite":"^4.4.11","vite-plugin-dts":"^3.6.0","vue-tsc":"^1.8.19"},"repository":{"type":"git","url":"git+https://github.com/auswuchs/vue-dialog.git"},"keywords":["vue","vue.js","nuxt","dialog","modal","vue-use"],"gitHead":"0c6738644af863299887dcc8931e1fcb12b1ca49","bugs":{"url":"https://github.com/auswuchs/vue-dialog/issues"},"homepage":"https://github.com/auswuchs/vue-dialog#readme","_id":"@auswuchs/vue-dialog@1.1.4","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Kg04wBL92625pTPEtYienoiUOjt9PFpofCjdeHH3hdM0MKjn9Goq0pmudBVm3SOLPKJDqzRf+odyJVupzNqZUA==","shasum":"65b8be973bd4dd9eadd0c5a91c8fd76d9304cca6","tarball":"https://registry.npmjs.org/@auswuchs/vue-dialog/-/vue-dialog-1.1.4.tgz","fileCount":9,"unpackedSize":21756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDvm1Bbh2QGOdIlosnJLiww3FJrFWTMD2X9xPt0sE8x9AiBL4wJ9RPyCJK+WBXkVZK9rshOehbjcXF1h48AKuMAy9g=="}]},"_npmUser":{"name":"auswuchs","email":"oxotnik3330@gmail.com"},"directories":{},"maintainers":[{"name":"auswuchs","email":"oxotnik3330@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-dialog_1.1.4_1697641344988_0.18079970017877622"},"_hasShrinkwrap":false},"1.1.5":{"name":"@auswuchs/vue-dialog","description":"Modern programmatic way to use dialogs in vue","private":false,"version":"1.1.5","type":"module","main":"./dist/vue-dialog.cjs","module":"./dist/vue-dialog.js","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/vue-dialog.cjs","import":"./dist/vue-dialog.js"}},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"@vueuse/core":"^9.13.0","nanoid":"^5.0.2","vue":"^3.2.47"},"devDependencies":{"@types/node":"^20.8.4","@vitejs/plugin-vue":"^4.4.0","typescript":"^5.2.2","vite":"^4.4.11","vite-plugin-dts":"^3.6.0","vue-tsc":"^1.8.19"},"repository":{"type":"git","url":"git+https://github.com/auswuchs/vue-dialog.git"},"keywords":["vue","vue.js","nuxt","dialog","modal","vue-use"],"gitHead":"32298333dae6086b70c4a7f7de442301e227a2dd","bugs":{"url":"https://github.com/auswuchs/vue-dialog/issues"},"homepage":"https://github.com/auswuchs/vue-dialog#readme","_id":"@auswuchs/vue-dialog@1.1.5","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-lHcgwh25+aseIOQoergIaV5A5iu9vkNZuxKFccrFe+j5yarLd6ou2oYA5q/y706PopkD4msOty7HWBLnBP6Nzw==","shasum":"564f7340c1beb700c4e8e74180e2e552fc646026","tarball":"https://registry.npmjs.org/@auswuchs/vue-dialog/-/vue-dialog-1.1.5.tgz","fileCount":9,"unpackedSize":21840,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIS5ROxycDI+FfOwSgvq7hK9yzseVZ0flxjq68KcGyGgIgGre+OyGefgMUqWyQzxqvRPURhssH68LA9e/Ed4gBLwA="}]},"_npmUser":{"name":"auswuchs","email":"oxotnik3330@gmail.com"},"directories":{},"maintainers":[{"name":"auswuchs","email":"oxotnik3330@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-dialog_1.1.5_1697641914724_0.20524258971276454"},"_hasShrinkwrap":false},"1.1.6":{"name":"@auswuchs/vue-dialog","description":"Modern programmatic way to use dialogs in vue","private":false,"version":"1.1.6","type":"module","main":"./dist/vue-dialog.cjs","module":"./dist/vue-dialog.js","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/vue-dialog.cjs","import":"./dist/vue-dialog.js"}},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"@vueuse/core":"^9.13.0","nanoid":"^5.0.2","vue":"^3.2.47"},"devDependencies":{"@types/node":"^20.8.4","@vitejs/plugin-vue":"^4.4.0","typescript":"^5.2.2","vite":"^4.4.11","vite-plugin-dts":"^3.6.0","vue-tsc":"^1.8.19"},"repository":{"type":"git","url":"git+https://github.com/auswuchs/vue-dialog.git"},"keywords":["vue","vue.js","nuxt","dialog","modal","vue-use"],"gitHead":"b6f3233559fe50b14a49a6c8cbd1954d9947fc3b","bugs":{"url":"https://github.com/auswuchs/vue-dialog/issues"},"homepage":"https://github.com/auswuchs/vue-dialog#readme","_id":"@auswuchs/vue-dialog@1.1.6","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-rH9Fm3T2UFcuPmgXd63rUzv1KFWvIfVjGL92nXSEADnMWb8DJk/ZNljXtgxHtcKTHn30zLN+vixGJf0Rj232Qw==","shasum":"6e27ac387d7e9b0a7dfcd0f29f4f751bde9b8dce","tarball":"https://registry.npmjs.org/@auswuchs/vue-dialog/-/vue-dialog-1.1.6.tgz","fileCount":9,"unpackedSize":21468,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFxLUVMs4XHRh70lmm9krnn1nVLmYEw3dtn2gsdq4DBiAiA1Wo6eIjPJotAhvtoMV/uSVDEqTSymsQldxMBGADcfJQ=="}]},"_npmUser":{"name":"auswuchs","email":"oxotnik3330@gmail.com"},"directories":{},"maintainers":[{"name":"auswuchs","email":"oxotnik3330@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-dialog_1.1.6_1698316655961_0.9294555202256369"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-18T12:26:49.762Z","1.0.0":"2023-10-18T12:26:49.995Z","modified":"2023-10-26T10:37:36.356Z","1.0.1":"2023-10-18T12:33:51.024Z","1.0.2":"2023-10-18T13:12:57.726Z","1.0.3":"2023-10-18T13:16:13.737Z","1.1.3":"2023-10-18T14:44:15.610Z","1.1.4":"2023-10-18T15:02:25.213Z","1.1.5":"2023-10-18T15:11:54.970Z","1.1.6":"2023-10-26T10:37:36.177Z"},"maintainers":[{"name":"auswuchs","email":"oxotnik3330@gmail.com"}],"description":"Modern programmatic way to use dialogs in vue","homepage":"https://github.com/auswuchs/vue-dialog#readme","repository":{"type":"git","url":"git+https://github.com/auswuchs/vue-dialog.git"},"bugs":{"url":"https://github.com/auswuchs/vue-dialog/issues"},"readme":"# Programmatically-callable vue dialog\r\n\r\n\r\n## Installation\r\n\r\n### Install the plugin\r\n\r\n```bash\r\nnpm i @auswuchs/vue-dialog\r\n```\r\n\r\n### Add it to you vue app as a plugin\r\n\r\n```ts\r\n// Vue 3\r\n// main.ts\r\nimport { createApp } from 'vue'\r\nimport App from './App.vue'\r\nimport VueDialog from '@auswuchs/vue-dialog'\r\n\r\nconst app = createApp(App)\r\n\r\napp.use(VueDialog)\r\n\r\napp.mount('#app')\r\n```\r\n\r\n```ts\r\n// Nuxt 3\r\n// plugins/vue-dialog.ts\r\nimport { defineNuxtPlugin } from 'nuxt/app'\r\nimport VueDialog from '@auswuchs/vue-dialog'\r\n\r\nexport default defineNuxtPlugin((nuxtApp) => {\r\n  nuxtApp.vueApp.use(VueDialog)\r\n})\r\n```\r\n\r\n\r\n### Add `DialogContainer` to `App.vue` template:\r\n\r\n```html\r\n<!-- App.vue -->\r\n<template>\r\n  <div class=\"app\" ></div>\r\n\r\n  <!-- Don't have to import the component -->\r\n  <!-- Just place wherever you want -->\r\n  <DialogContainer />\r\n</template>\r\n```\r\n\r\n\r\n## Usage\r\n\r\nDialog component must contain emits `confirm` and `cancel` to work properly.\r\n\r\n```html\r\n<!-- Dialog.vue -->\r\n<script setup>\r\n  const emit = defineEmits(['confirm', 'cancel'])\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <button @click=\"emit('confirm', { name: 'Auswuchs' })\">Confirm</button>\r\n    <button @click=\"emit('cancel', { number: 123 })\">Cancel</button>\r\n  </div>\r\n</template>\r\n```\r\n\r\n\r\n```html\r\n<script setup>\r\nimport Dialog from './Dialog.vue'\r\nimport { useDialog } from '@auswuchs/vue-dialog'\r\n\r\n\r\nconst handleDialog = () => {\r\n  const { reveal, onConfirm, onCancel } = useDialog(Dialog)\r\n  reveal()\r\n\r\n  onConfirm((data) => {\r\n    console.log(data) // { name: 'Auswuchs' }\r\n  })\r\n  onCancel((data) => {\r\n    console.log(data) // { number: 123 }\r\n  })\r\n}\r\n</script>\r\n```\r\n\r\nor\r\n\r\n```html\r\n<script setup>\r\nimport Dialog from './Dialog.vue'\r\nimport { useDialog } from '@auswuchs/vue-dialog'\r\n\r\n\r\nconst handleDialog = async () => {\r\n  const { data, isCanceled } = await useDialog(Dialog).reveal()\r\n\r\n  console.log(data) // { name: 'Auswuchs' }\r\n  console.log(isCanceled) // true/false\r\n}\r\n</script>\r\n```\r\n\r\n## Passing data from/to dialog\r\n\r\nYou can pass props to dialog component as the second argument of the `useDialog` composable. Data must be an object with component props. \r\nFor example, if a component has a prop with the name `detail` we can pass it like this `{ detail: { ... } }`.\r\n\r\n```javascript\r\nconst dialog = useDialog(\r\n  Dialog,\r\n  { detail: { ... } },\r\n)\r\n```\r\n","readmeFilename":"README.md","keywords":["vue","vue.js","nuxt","dialog","modal","vue-use"]}