vue-turnstile - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

dist/vue-turnstile.js

@@ -1,5 +0,5 @@
-import { defineComponent as d, openBlock as l, createElementBlock as a } from "vue";
-const c = "https://challenges.cloudflare.com/turnstile/v0/api.js", u = "cfTurnstileOnLoad";
+import { defineComponent as u, openBlock as l, createElementBlock as d } from "vue";
+const c = "https://challenges.cloudflare.com/turnstile/v0/api.js", o = "cfTurnstileOnLoad";
 let n = typeof window < "u" && window.turnstile !== void 0 ? "ready" : "unloaded", s;
-const p = d({
+const p = u({
   name: "VueTurnstile",
@@ -36,2 +36,7 @@ emits: ["update:modelValue"],
     },
+    appearance: {
+      type: String,
+      required: !1,
+      default: "always"
+    },
     renderOnMount: {
@@ -55,3 +60,4 @@ type: Boolean,
         callback: this.callback,
-        action: this.action
+        action: this.action,
+        appearance: this.appearance
       };
@@ -80,3 +86,3 @@ }
     });
-    window[u] = () => {
+    window[o] = () => {
       s.resolve(), n = "ready";
@@ -86,3 +92,3 @@ }, await (() => {
         n = "loading";
-        const t = `${c}?onload=${u}&render=explicit`, e = document.createElement("script");
+        const t = `${c}?onload=${o}&render=explicit`, e = document.createElement("script");
         e.src = t, e.async = !0, e.addEventListener("error", () => {
@@ -97,8 +103,8 @@ s.reject("Failed to load Turnstile.");
   const t = r.__vccOpts || r;
-  for (const [e, o] of i)
-    t[e] = o;
+  for (const [e, a] of i)
+    t[e] = a;
   return t;
 }, f = { ref: "turnstile" };
-function h(r, i, t, e, o, y) {
-  return l(), a("div", f, null, 512);
+function h(r, i, t, e, a, y) {
+  return l(), d("div", f, null, 512);
 }
@@ -105,0 +111,0 @@ const _ = /* @__PURE__ */ m(p, [["render", h]]);

dist/VueTurnstile.vue.d.ts

@@ -41,2 +41,7 @@ import type { PropType } from 'vue';
     };
+    appearance: {
+        type: PropType<"always" | "execute" | "interaction-only">;
+        required: false;
+        default: string;
+    };
     renderOnMount: {
@@ -54,2 +59,3 @@ type: BooleanConstructor;
         action: string;
+        appearance: "always" | "execute" | "interaction-only";
     };
@@ -90,2 +96,7 @@ }, {
     };
+    appearance: {
+        type: PropType<"always" | "execute" | "interaction-only">;
+        required: false;
+        default: string;
+    };
     renderOnMount: {
@@ -103,4 +114,5 @@ type: BooleanConstructor;
     action: string;
+    appearance: "always" | "execute" | "interaction-only";
     renderOnMount: boolean;
 }>;
 export default _default;

package.json

 {
   "name": "vue-turnstile",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Vue library for Cloudflare Turnstile CAPTCHA alternative",
@@ -5,0 +5,0 @@ "type": "module",

README.md

@@ -56,2 +56,3 @@ # vue-turnstile
 | action          | `String`                      | A customer value that can be used to differentiate widgets under the same sitekey in analytics and which is returned upon validation. | No       | `''`   |
+| appearance      | `'always' \| 'execute' \| 'interaction-only'` | Appearance controls when the widget is visible - [Docs](https://developers.cloudflare.com/turnstile/get-started/client-side-rendering/#appearance-modes) | No       | `'always'`   |
 | render-on-mount | `Boolean`                     | Automatically render Turnstile widget after component mounts                                                                          | No       | `true`     |
@@ -58,0 +59,0 @@

No alert changes

Improved metrics

Total package byte prevSize

13326

increased by6.92%

Lines of code

233

increased by8.37%

Number of lines in readme file

74

increased by1.37%

No dependency changes