feat: lazy load turnstile

qin-guan · Jul 21, 2023 · 504087c · 504087c
1 parent b9bf6a3
commit 504087c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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>