From 7eb64a9dcfe9a8797311d5c87b5f4fe4b4889be1 Mon Sep 17 00:00:00 2001
From: smastrom <smastrom@proton.me>
Date: Sat, 27 Jan 2024 08:37:42 +0100
Subject: [PATCH] Notivue - Add feature to disable teleport

---
 packages/notivue/Notivue/NotivueImpl.vue | 16 +++++++---------
 packages/notivue/core/types.ts           |  2 +-
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/packages/notivue/Notivue/NotivueImpl.vue b/packages/notivue/Notivue/NotivueImpl.vue
index 1a7d190..d1e135e 100644
--- a/packages/notivue/Notivue/NotivueImpl.vue
+++ b/packages/notivue/Notivue/NotivueImpl.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, Teleport } from 'vue'
+import { Teleport } from 'vue'
 
 import AriaLive from './AriaLive.vue'
 
@@ -34,20 +34,18 @@ const touchEvents = useTouchEvents()
 useReducedMotion()
 useVisibilityChange()
 useRepositioning()
-
-// Computed
-
-const dataAlign = computed(() => ({
-   'data-notivue-align': config.isTopAlign.value ? 'top' : 'bottom',
-}))
 </script>
 
 <template>
-   <Teleport :to="config.teleportTo.value">
+   <Teleport
+      :to="config.teleportTo.value === false ? undefined : config.teleportTo.value"
+      :disabled="config.teleportTo.value === false"
+   >
       <!-- List Container -->
       <ol
          v-if="items.length > 0"
-         v-bind="{ ...mouseEvents, ...touchEvents, ...elements.rootAttrs.value, ...dataAlign }"
+         v-bind="{ ...mouseEvents, ...touchEvents, ...elements.rootAttrs.value }"
+         :data-notivue-align="config.isTopAlign.value ? 'top' : 'bottom'"
          :aria-label="props.listAriaLabel"
          :ref="elements.root"
          :style="styles.stream"
diff --git a/packages/notivue/core/types.ts b/packages/notivue/core/types.ts
index 614f5f7..7de8d99 100644
--- a/packages/notivue/core/types.ts
+++ b/packages/notivue/core/types.ts
@@ -74,7 +74,7 @@ export interface NotivueConfig {
    /** Animation classes for `enter`, `leave` and `clearAll`. */
    animations?: NotivueAnimations
    /** Tag or element to which the stream will be teleported. */
-   teleportTo?: string | HTMLElement
+   teleportTo?: string | HTMLElement | false
    /** Notifications limit. Defaults to `Infinity`. */
    limit?: number
 }