♻️ Use MountingPortal and abandon targetEl

Author: morkro

package-lock.json

@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "a11y-dialog": "^5.2.0",
-    "portal-vue": "^1.5.1"
+    "portal-vue": "^2.1.0"
   },
   "peerDependencies": {
     "vue": "2.x"

package.json

@@ -1,5 +1,5 @@
 <template>
-  <portal :target-el="portalTarget">
+  <mounting-portal append :mount-to="portalTarget">
     <div :id="id" :class="classNames.base" ref="rootElement">
       <div
         data-a11y-dialog-hide
@@ -31,12 +31,12 @@
         </div>
       </component>
     </div>
-  </portal>
+  </mounting-portal>
 </template>
 
 <script>
   import A11yDialog from 'a11y-dialog'
-  import { Portal } from 'portal-vue'
+  import { MountingPortal } from 'portal-vue'
 
   export default {
     name: 'VueA11yDialog',
@@ -53,7 +53,7 @@
     },
 
     components: {
-      Portal
+      MountingPortal
     },
 
     computed: {