What is Teleport in Vue?

<template>
  <button @click="showModal = true">Open Modal</button>

  <Teleport to="body">
    <div v-if="showModal" class="modal">
      <p>Modal content</p>
      <button @click="showModal = false">Close</button>
    </div>
  </Teleport>
</template>

<script setup>
import { ref } from 'vue'
const showModal = ref(false)
</script>

<!-- To body -->
<Teleport to="body">...</Teleport>

<!-- To specific element -->
<Teleport to="#modal-container">...</Teleport>

<!-- To class -->
<Teleport to=".notifications">...</Teleport>

<Teleport to="body" :disabled="isMobile">
  <div class="modal">...</div>
</Teleport>