fix(app): fixed modal attrs

andrewcourtice · Aug 11, 2021 · de61226 · de61226
1 parent 176b41e
commit de61226
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/app/src/components/core/modal.vue b/app/src/components/core/modal.vue
@@ -1,7 +1,7 @@
 <template>
     <teleport to="body">
         <transition-group name="modal">
-            <div class="modal" layout="row center-center" v-if="isShowing">
+            <div class="modal" layout="row center-center" v-bind="$attrs" v-if="isShowing">
                 <div class="modal__content" self="size-small">
                     <div class="modal__header" v-if="$slots.header">
                         <slot name="header" v-bind="{ open, close }"></slot>
@@ -18,9 +18,15 @@
     </teleport>
 </template>
 
+<script lang="ts">
+export default {
+    inheritAttrs: false
+};
+</script>
+
 <script lang="ts" setup>
 import {
-    ref
+    ref,
 } from 'vue';
 
 const isShowing = ref(false);