From 4945c99219e59a8c86c07e0a9da70604c5c42bfa Mon Sep 17 00:00:00 2001
From: lolamtisch <francisco.seipel@yahoo.de>
Date: Wed, 31 Aug 2022 09:55:21 +0200
Subject: [PATCH] [TASK] Add teleport workaround
 https://github.com/vuejs/core/issues/2855

---
 src/_minimal/components/modal.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/_minimal/components/modal.vue b/src/_minimal/components/modal.vue
index 2f981fb580..e4887cd7c4 100644
--- a/src/_minimal/components/modal.vue
+++ b/src/_minimal/components/modal.vue
@@ -1,5 +1,5 @@
 <template>
-  <teleport to="html">
+  <component :is="Teleport" to="html">
     <transition name="fade-shrink-in" appear>
       <div v-if="state" class="modal" @click="state = false">
         <div class="content" @click.stop>
@@ -7,11 +7,11 @@
         </div>
       </div>
     </transition>
-  </teleport>
+  </component>
 </template>
 
 <script lang="ts" setup>
-import { ref, watch } from 'vue';
+import { Teleport as teleport_, type TeleportProps, type VNodeProps, ref, watch } from 'vue';
 
 const props = defineProps({
   modelValue: {
@@ -33,6 +33,13 @@ watch(
     state.value = value;
   },
 );
+
+// https://github.com/vuejs/core/issues/2855
+const Teleport = teleport_ as {
+  new (): {
+    $props: VNodeProps & TeleportProps;
+  };
+};
 </script>
 
 <style lang="less" scoped>