Change to non-interactive turnstile (#1678)

2024-04-18 16:36:26 -07:00
parent 6808d270a7
commit 5a166d2455
5 changed files with 43 additions and 9 deletions
@@ -84,8 +84,6 @@
        />
      </div>

-      <NuxtTurnstile ref="turnstile" v-model="token" class="turnstile" />
-
      <Checkbox
        v-model="subscribe"
        class="subscribe-btn"
@@ -108,7 +106,18 @@
        </IntlFormatted>
      </p>

-      <button class="btn btn-primary continue-btn centered-btn" @click="createAccount">
+      <NuxtTurnstile
+        ref="turnstile"
+        v-model="token"
+        class="turnstile"
+        :options="{ theme: $colorMode.value === 'light' ? 'light' : 'dark' }"
+      />
+
+      <button
+        class="btn btn-primary continue-btn centered-btn"
+        :disabled="!token"
+        @click="createAccount"
+      >
        {{ formatMessage(messages.createAccountButton) }} <RightArrowIcon />
      </button>