From 504087c641d3d70b8e7cab2b22849a26a25a0920 Mon Sep 17 00:00:00 2001
From: Qin Guan <qinguan20040914@gmail.com>
Date: Fri, 21 Jul 2023 12:06:46 +0800
Subject: [PATCH] feat: lazy load turnstile

---
 pages/____________login.vue | 2 +-
 pages/s/[id]/index.vue      | 2 +-
 pages/thanks.vue            | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/____________login.vue b/pages/____________login.vue
index effb0b5..ef4ceb9 100644
--- a/pages/____________login.vue
+++ b/pages/____________login.vue
@@ -92,7 +92,7 @@ async function verifyOtp() {
               </div>
 
               <div mt6>
-                <NuxtTurnstile v-model="formData.token" />
+                <LazyNuxtTurnstile v-model="formData.token" />
                 <br>
                 <Button type="submit" :loading="formData.pending" icon="" icon-pos="right" label="Get OTP" />
               </div>
diff --git a/pages/s/[id]/index.vue b/pages/s/[id]/index.vue
index fa54ac4..c05cf98 100644
--- a/pages/s/[id]/index.vue
+++ b/pages/s/[id]/index.vue
@@ -190,7 +190,7 @@ async function submit() {
               </div>
 
               <div mt-8>
-                <NuxtTurnstile v-model="turnstileToken" />
+                <LazyNuxtTurnstile v-model="turnstileToken" />
                 <br>
                 <Button label="Submit" type="submit" :loading="pending" />
               </div>
diff --git a/pages/thanks.vue b/pages/thanks.vue
index 7115ee4..e8c0ad9 100644
--- a/pages/thanks.vue
+++ b/pages/thanks.vue
@@ -158,7 +158,7 @@ async function create() {
               </div>
 
               <div>
-                <NuxtTurnstile v-model="formData.token" />
+                <LazyNuxtTurnstile v-model="formData.token" />
                 <br>
                 <Button label="Submit!" type="submit" size="small" :loading="formData.pending" />
               </div>