bug: Fix modal close button storybook example (#4227)

epicmaxco · Apr 26, 2024 · c464383 · c464383
1 parent a4b1943
commit c464383
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/ui/src/components/va-modal/VaModal.stories.ts b/packages/ui/src/components/va-modal/VaModal.stories.ts
@@ -17,11 +17,16 @@ export const OldDemos: StoryFn = () => ({
 
 export const CloseButton: StoryFn = () => ({
   components: { VaModal },
+  data () {
+    return {
+      show: false,
+    }
+  },
   template: `
-    <button @click="$refs.modal.show()">
+    <button @click="show = true">
       show modal
     </button>
-    <VaModal :model-value="true" ref="modal" :close-button="true">
+    <VaModal :model-value="show" @cancel="show = false" :close-button="true">
       Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptatum. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptatum.
     </VaModal>
   `,