<Teleport>

Компонент <Teleport> переносит содержимое в другое место DOM.
Целевой элемент to у <Teleport> — CSS-селектор или DOM-узел. В Nuxt SSR поддерживается только для #teleports; для других целей используйте обёртку <ClientOnly>.

Teleport в #teleports

<template>
  <button @click="open = true">
    Открыть модалку
  </button>
  <Teleport to="#teleports">
    <div
      v-if="open"
      class="modal"
    >
      <p>Содержимое модалки</p>
      <button @click="open = false">
        Закрыть
      </button>
    </div>
  </Teleport>
</template>

Teleport на клиенте

<template>
  <ClientOnly>
    <Teleport to="#some-selector">
      <!-- контент -->
    </Teleport>
  </ClientOnly>
</template>
Прочитайте и отредактируйте живой пример в Docs > 4 X > Examples > Advanced > Teleport.