custom transition object support added

Author: fatihsolhan

dist/VueFinalModal.esm.js

@@ -22,7 +22,7 @@
       ></div>
     </transition>
     <transition
-      :name="transition"
+      v-bind="computedTransition"
       @before-enter="beforeModalEnter"
       @after-enter="afterModalEnter"
       @before-leave="beforeModalLeave"
@@ -89,7 +89,7 @@ export default {
     escToClose: { type: Boolean, default: false },
     preventClick: { type: Boolean, default: false },
     attach: { type: null, default: false, validator: validateAttachTarget },
-    transition: { type: String, default: 'vfm' },
+    transition: { type: [String, Object], default: 'vfm' },
     overlayTransition: { type: String, default: 'vfm' },
     zIndexAuto: { type: Boolean, default: true },
     zIndexBase: { type: [String, Number], default: 1000 },
@@ -134,6 +134,10 @@ export default {
       return {
         ...(this.calculateZIndex !== false && { zIndex: this.calculateZIndex })
       }
+    },
+    computedTransition() {
+      if (typeof this.transition === 'string') return { name: this.transition }
+      return { ...this.transition }
     }
   },
   watch: {