Desktop: Move your mouse outside the document. Touch Device: After you scroll down the document, scroll up fast.
@@ -31,7 +28,8 @@ const {
- Do you want to trigger the Pop-up again?
+ Do you want to trigger the Pop-up again? This Method will remove the
+ localStorage entry and reset the state of the plugin
@@ -42,20 +40,36 @@ const {
isUnsubscribed: {{ isUnsubscribed }}
-
+
From 3b1dd5e509b21ce18ffb98065f75818fd35e84c8 Mon Sep 17 00:00:00 2001
From: nickap <49733176+nickap@users.noreply.github.com>
Date: Tue, 6 Aug 2024 00:23:57 +0300
Subject: [PATCH 11/16] =?UTF-8?q?Chore(release):=20=20Prepare=20release=20?=
=?UTF-8?q?version=202.1.0=20=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
package.json | 2 +-
src/App.vue | 13 +++++++++++++
2 files changed, 14 insertions(+), 1 deletion(-)
diff --git a/package.json b/package.json
index 37ddafd9..60e3951b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "vue-exit-intent",
- "version": "2.0.0",
+ "version": "2.1.0",
"description": "Exit Intent Composable. Show your content when a user is leaving, or another threshold reached.",
"author": "nickap ",
"license": "MIT",
diff --git a/src/App.vue b/src/App.vue
index 967e8901..e6815f80 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -76,4 +76,17 @@ const {
overflow-x: auto;
font-size: 14px;
}
+
+dialog {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ border: none;
+ padding: 20px;
+ box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
+ background: white;
+ border-radius: 8px;
+ margin: 0;
+}
From ea9f877d1e96cae5c359488f78f1623bf876557f Mon Sep 17 00:00:00 2001
From: nickap <49733176+nickap@users.noreply.github.com>
Date: Sat, 10 Aug 2024 15:47:27 +0300
Subject: [PATCH 12/16] =?UTF-8?q?Feat:=20add=20inactiveSeconds=20option=20?=
=?UTF-8?q?=E2=9C=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
README.md | 25 ++++---
src/App.vue | 11 ++-
src/composables/useVueExitIntent.ts | 17 ++++-
.../useVueExitIntent/inactiveSeconds.spec.ts | 75 +++++++++++++++++++
src/types/index.ts | 1 +
src/utils/defaultOptions.ts | 3 +-
6 files changed, 115 insertions(+), 17 deletions(-)
create mode 100644 src/tests/composables/useVueExitIntent/inactiveSeconds.spec.ts
diff --git a/README.md b/README.md
index 57e3f190..5670f5e4 100644
--- a/README.md
+++ b/README.md
@@ -77,16 +77,17 @@ const {
| Key | Default Value | Type | Required |
| ----------------------------- | ----------------- | ------- | -------- |
-| **repeatAfterDays** | 7 | Number | false |
-| **scrollPercentageToTrigger** | 0 | Number | false |
-| **delaySecondsAndTrigger** | 0 | Number | false |
-| **triggerOnExitIntent** | true | Boolean | false |
-| **touchDeviceSensitivity** | 15 | Number | false |
-| **scrollDebounceMillis** | 300 | Number | false |
-| **triggerOnPageLoad** | false | Boolean | false |
-| **handleScrollBars** | false | Boolean | false |
-| **LSItemKey** | 'vue-exit-intent' | String | false |
-| **setupBeforeMount** | false | Boolean | false |
+| **repeatAfterDays** | 7 | number | false |
+| **scrollPercentageToTrigger** | 0 | number | false |
+| **delaySecondsAndTrigger** | 0 | number | false |
+| **triggerOnExitIntent** | true | boolean | false |
+| **touchDeviceSensitivity** | 15 | number | false |
+| **scrollDebounceMillis** | 300 | number | false |
+| **triggerOnPageLoad** | false | boolean | false |
+| **handleScrollBars** | false | boolean | false |
+| **LSItemKey** | 'vue-exit-intent' | string | false |
+| **setupBeforeMount** | false | boolean | false |
+| **inactiveSeconds** | 0 | number | false |
### Options Description
@@ -137,6 +138,10 @@ const {
Determines whether the initialization of the composable occurs during the `onBeforeMount` lifecycle hook instead of the default `onMounted` hook.
This options allows you to set up the exit intent before your component is mounted.
+- **inactiveSeconds**
+ Delay, in seconds, before activating mouse, touch, and scroll listeners to track user behavior and potentially trigger the popup after an exit intent is detected (mouse leaves the viewport, scroll percentage reached, or fast touch scroll up). This delay helps prevent the immediate display of the popup, ensuring it only appears if the user wants to leave the page after the specified time. Set to 0 to disable this delay.
+ **This option DELAYS adding mouse, scroll and touch listeners**
+
## Contribute
Feel free to contribute, message me for your ideas.
diff --git a/src/App.vue b/src/App.vue
index e6815f80..ad53988a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,8 @@
import { useVueExitIntent } from '@/composables/useVueExitIntent.js';
const options = {
- handleScrollBars: true
+ handleScrollBars: true,
+ inactiveSeconds: 3
};
const {
@@ -19,8 +20,10 @@ const {
Vue Exit Intent Demo Page
- Desktop: Move your mouse outside the document.
- Touch Device: After you scroll down the document, scroll up fast.
+ Desktop: Wait 3 seconds and move your mouse outside the
+ document.
+ Touch Device: Wait 3 seconds and after you scroll down the
+ document, scroll up fast.
Do you want to unsubscribe from this popup, and to not trigger in the
@@ -33,6 +36,8 @@ const {