Minor updates to prop naming

morkro · Jan 25, 2022 · 69ba87d · 69ba87d
1 parent d53687c
commit 69ba87d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -266,7 +266,7 @@ export default {
 - **Usage**:
 
 ```html
-<a11y-dialog close-button-label="Close this super dialog">
+<a11y-dialog close-button-label="Close dialog">
   <!-- ... -->
 </a11y-dialog>
 ```

diff --git a/src/A11yDialog.vue b/src/A11yDialog.vue
@@ -108,7 +108,9 @@
         },
       },
     },
-    emits: ['dialogRef'],
+
+    emits: ['dialog-ref'],
+
     setup(props, { emit }) {
       let dialog
       const rootElement = ref(null)
@@ -133,7 +135,7 @@
           rootElement.value,
           portalTarget.value || props.appRoot
         )
-        emit('dialogRef', dialog)
+        emit('dialog-ref', dialog)
       }
 
       onMounted(() => {
@@ -148,7 +150,7 @@
         if (dialog) {
           dialog.destroy()
         }
-        emit('dialogRef')
+        emit('dialog-ref')
       })
 
       return {

diff --git a/src/Demo.vue b/src/Demo.vue
@@ -84,6 +84,7 @@
         }
       },
       assignDialogRef(dialog) {
+        console.log('ref', dialog)
         this.dialog = dialog
       },
       // Tests using alertdialog role and opening modal