fixup! feat: ✨ Implémente DsfrModal

Author: laruiss

src/components/DsfrModal/DsfrModal.stories.js

@@ -12,7 +12,10 @@ export const Modal = (args) => ({
     DsfrButton,
   },
   data () {
-    return { ...args }
+    return {
+      ...args,
+      actions: args.actions.map(action => ({ ...action, onClick: args.onClick })),
+    }
   },
   template: `
   <div :data-rf-theme="dark ? 'dark' : ''" style="background-color: var(--w); padding: 1rem;">

src/components/DsfrModal/DsfrModal.vue

@@ -22,7 +22,11 @@ export default {
 
   data () {
     return {
-      close: () => this.$emit('close'),
+      closeIfEscape: ($event) => {
+        if ($event.key === 'Escape') {
+          this.close()
+        }
+      },
     }
   },
 
@@ -36,11 +40,15 @@ export default {
 
   methods: {
     startListeningToEscape () {
-      document.addEventListener('keydown', this.close)
+      document.addEventListener('keydown', this.closeIfEscape)
     },
 
     stopListeningToEscape () {
-      document.removeEventListener('keydown', this.close)
+      document.removeEventListener('keydown', this.closeIfEscape)
+    },
+
+    close () {
+      this.$emit('close')
     },
   },
 }