@roudanio/awesome-comment 0.10.7 → 0.10.8

package/dist/awesome-comment.js

@@ -1,7 +1,7 @@
-import { i as N, r as $, c as Y, w as G, d as D, o as se, q as de, v, x as ce, y as A, z as Me, A as I, B as m, C as Pe, D as we, E, G as me, F as M, H, I as f, J as j, f as B, K as je, L as Be, M as De, N as Se, O as Ue } from "./vendor-vue-BTtW1k2s.js";
+import { i as N, r as $, c as Y, w as G, d as U, o as se, q as de, v, x as ce, y as A, z as Me, A as I, B as d, C as Pe, D as we, E, G as me, F as P, H, I as f, J as B, f as D, K as je, L as Be, M as De, N as Se, O as Ue } from "./vendor-vue-BTtW1k2s.js";
 import { d as Te, c as Fe } from "./vendor-pinia-Dzo8X_0B.js";
 import { E as Ke, G as Le } from "./vendor-auth0-DkqbqvnH.js";
-import { u as U, c as ze } from "./vendor-i18n-B4UB934p.js";
+import { u as F, c as ze } from "./vendor-i18n-B4UB934p.js";
 import { o as Ve } from "./vendor-lodash-CKuyBgAy.js";
 import { T as Ge, a as He, R as Je, B as We } from "./vendor-lucide-Cl8oS5sQ.js";
 import { d as Ye } from "./vendor-marked-B6IoMkOX.js";
@@ -41,8 +41,8 @@ function dt(e, s = {}) {
     return { valid: !1, errors: ["Content is required"] };
   const i = e.trim();
   i.length < t.minLength && n.push(`Content must be at least ${t.minLength} characters`), i.length > t.maxLength && n.push(`Content must not exceed ${t.maxLength} characters`);
-  const d = mt(i, t.maxConsecutivePunctuation);
-  d.valid || n.push(...d.errors), /^\w{35,}$/.test(i) && n.push("Content contains too many consecutive letters");
+  const m = mt(i, t.maxConsecutivePunctuation);
+  m.valid || n.push(...m.errors), /^\w{35,}$/.test(i) && n.push("Content contains too many consecutive letters");
   const u = pt(i, t.maxConsecutiveSpaces);
   u.valid || n.push(...u.errors);
   const l = ft(i, t.maxConsecutiveNewlines);
@@ -63,8 +63,8 @@ function mt(e, s) {
     const l = new RegExp(`\\${u}{${s + 1},}`, "g"), o = e.match(l);
     o && t.push(`Too many consecutive "${u}" (max ${s}). Found: ${o[0]}`);
   }
-  const i = new RegExp(`[${n.join("")}]{${s + 1},}`, "g"), d = e.match(i);
-  return d && t.push(`Too many consecutive punctuation marks (max ${s}). Found: ${d[0]}`), {
+  const i = new RegExp(`[${n.join("")}]{${s + 1},}`, "g"), m = e.match(i);
+  return m && t.push(`Too many consecutive punctuation marks (max ${s}). Found: ${m[0]}`), {
     valid: t.length === 0,
     errors: t
   };
@@ -135,31 +135,31 @@ function yt(e) {
     created_at: t,
     parent_id: n,
     ancestor_id: i,
-    post_id: d,
+    post_id: m,
     user_id: u,
     ...l
-  } = e;
+  } = e, o = t || l.createdAt || "", r = n ?? e.parentId, a = i ?? e.ancestorId, c = m || e.postId || "";
   return {
     ...l,
     id: Number(s),
     user_id: u,
     userId: u,
-    parentId: Number(n),
-    post_id: d,
-    postId: d,
-    ancestorId: Number(i),
+    parentId: Number(r),
+    post_id: c,
+    postId: c,
+    ancestorId: Number(a),
     status: Number(e.status),
-    createdAt: Ne(t || l.createdAt || "")
+    createdAt: Ne(o)
   };
 }
 const pe = "awesome-comment-comments", Ie = localStorage.getItem(pe), V = Ie ? JSON.parse(Ie) : {}, J = Te("store", () => {
-  const e = N("postId"), s = N("siteId"), t = N("comments"), n = N("total"), i = $(!!t?.length), d = $(0), u = $(""), l = $([]), o = $(n || 0), r = N("ApiBaseUrl"), a = $(!1), c = $(!1);
+  const e = N("postId"), s = N("siteId"), t = N("comments"), n = N("total"), i = $(!!t?.length), m = $(0), u = $(""), l = $([]), o = $(n || 0), r = N("ApiBaseUrl"), a = $(!1), c = $(!1);
   function k(b) {
     const h = {}, x = [];
     b.forEach((w) => {
       p(Number(w.id));
-      const C = yt(w);
-      !w.ancestor_id || Number(w.ancestor_id) === 0 ? h[w.id] = C : x.push(C);
+      const C = yt(w), M = w.ancestor_id ?? w.ancestorId;
+      !M || Number(M) === 0 ? h[w.id] = C : x.push(C);
     });
     const y = V[e];
     y && (y.createdAt = new Date(y.createdAt), !y.ancestorId || Number(y.ancestorId) === 0 ? h[y.id] = y : x.push(y)), x.forEach((w) => {
@@ -170,7 +170,7 @@ const pe = "awesome-comment-comments", Ie = localStorage.getItem(pe), V = Ie ? J
     });
     for (const w in h) {
       const C = h[w];
-      C.children && (C.children = C.children.sort((F, K) => F.id - K.id));
+      C.children && (C.children = C.children.sort((M, K) => M.id - K.id));
     }
     return h;
   }
@@ -182,7 +182,7 @@ const pe = "awesome-comment-comments", Ie = localStorage.getItem(pe), V = Ie ? J
       h = k(t);
     else {
       const x = new URLSearchParams();
-      x.append("postId", e), s && x.append("siteId", s), x.append("start", d.value.toString());
+      x.append("postId", e), s && x.append("siteId", s), x.append("start", m.value.toString());
       const y = await fetch(`${r}/api/comments?${x}`);
       if (!y.ok) {
         u.value = "Load comments failed. " + y.statusText, i.value = !0, a.value = !1;
@@ -198,7 +198,7 @@ const pe = "awesome-comment-comments", Ie = localStorage.getItem(pe), V = Ie ? J
     c.value = Object.keys(h).length > 20, c.value && delete h[Object.keys(h)[0]], Object.assign(l.value, h), i.value = !0, a.value = !1;
   }
   function _(b, h, x, y = te.Pending, w, C) {
-    const { sub: F = "", name: K = "", picture: q = "", email: ae = "", nickname: Z = "" } = x, O = {
+    const { sub: M = "", name: K = "", picture: q = "", email: ae = "", nickname: Z = "" } = x, O = {
       id: b,
       post_id: e,
       postId: e,
@@ -209,19 +209,19 @@ const pe = "awesome-comment-comments", Ie = localStorage.getItem(pe), V = Ie ? J
         email: ae,
         name: Z || K
       },
-      user_id: F,
-      userId: F,
+      user_id: M,
+      userId: M,
       status: y,
       isNew: !0
     };
     if (w || C) {
       O.ancestorId = w, O.parentId = C;
-      const P = l.value[w];
-      if (P.children || (P.children = []), w === C)
-        P.children.unshift(O);
+      const j = l.value[w];
+      if (j.children || (j.children = []), w === C)
+        j.children.unshift(O);
       else {
-        const re = P.children.findIndex((T) => Number(T.id) === C);
-        P.children.splice(re + 1, 0, O);
+        const re = j.children.findIndex((T) => Number(T.id) === C);
+        j.children.splice(re + 1, 0, O);
       }
     } else
       O.ancestorId = 0, O.parentId = 0, l.value = { [b]: O, ...l.value };
@@ -245,7 +245,7 @@ const pe = "awesome-comment-comments", Ie = localStorage.getItem(pe), V = Ie ? J
     postId: e,
     comments: l,
     total: o,
-    start: d,
+    start: m,
     hasMore: c,
     loadingMore: a,
     loadComments: g,
@@ -263,7 +263,7 @@ function bt() {
     function i(o, r, a) {
       this.fn = o, this.context = r, this.once = a || !1;
     }
-    function d(o, r, a, c, k) {
+    function m(o, r, a, c, k) {
       if (typeof a != "function")
         throw new TypeError("The listener must be a function");
       var g = new i(a, c || o, k), _ = t ? t + r : r;
@@ -337,9 +337,9 @@ function bt() {
       }
       return !0;
     }, l.prototype.on = function(o, r, a) {
-      return d(this, o, r, a, !1);
+      return m(this, o, r, a, !1);
     }, l.prototype.once = function(o, r, a) {
-      return d(this, o, r, a, !0);
+      return m(this, o, r, a, !0);
     }, l.prototype.removeListener = function(o, r, a, c) {
       var k = t ? t + o : o;
       if (!this._events[k]) return this;
@@ -369,7 +369,7 @@ oe && oe.toStringTag;
 oe && oe.toStringTag;
 var Q = /* @__PURE__ */ ((e) => (e.INIT = "init", e.VERIFYING = "verifying", e.VERIFIED = "verified", e.REFRESH = "refresh", e.ERROR = "error", e))(Q || {});
 const he = Te("auth", () => {
-  const e = N("awesomeAuth"), s = !e && Ke(), t = $(!1), n = $(!1), i = $(), d = !!e, u = Y(() => e ? e.root : "");
+  const e = N("awesomeAuth"), s = !e && Ke(), t = $(!1), n = $(!1), i = $(), m = !!e, u = Y(() => e ? e.root : "");
   async function l() {
     return e ? e.accessToken : s ? await s.getAccessTokenSilently() : "";
   }
@@ -408,7 +408,7 @@ const he = Te("auth", () => {
     { immediate: !0 }
   )), {
     isAuthenticated: t,
-    isAwesomeAuth: d,
+    isAwesomeAuth: m,
     isLoading: n,
     authEndpoint: u,
     user: i,
@@ -428,7 +428,7 @@ const he = Te("auth", () => {
   class: "ac-loading ac-loading-spinner"
 }, Lt = {
   name: "CommentForm"
-}, ee = /* @__PURE__ */ D({
+}, ee = /* @__PURE__ */ U({
   ...Lt,
   props: {
     noVersion: { type: Boolean },
@@ -440,9 +440,9 @@ const he = Te("auth", () => {
   },
   emits: ["close", "update"],
   setup(e, { emit: s }) {
-    const t = e, n = s, i = he(), d = J(), { t: u } = U(), l = N("ApiBaseUrl"), o = N("Auth0Domain"), r = N("siteId"), a = N("TurnstileSiteKey"), c = N("AutoFocus"), k = "0.10.7", g = $(), _ = $(), p = $(!1), S = $(t.content || ""), b = $(""), h = $(!1), x = $(""), y = $(""), w = Y(() => !i.isAuthenticated);
+    const t = e, n = s, i = he(), m = J(), { t: u } = F(), l = N("ApiBaseUrl"), o = N("Auth0Domain"), r = N("siteId"), a = N("TurnstileSiteKey"), c = N("AutoFocus"), k = "0.10.8", g = $(), _ = $(), p = $(!1), S = $(t.content || ""), b = $(""), h = $(!1), x = $(""), y = $(""), w = Y(() => !i.isAuthenticated);
     let C = null;
-    function F() {
+    function M() {
       if (typeof window > "u") return Promise.reject(new Error("Turnstile 仅支持浏览器环境"));
       if (window.turnstile) return Promise.resolve();
       if (C) return C;
@@ -462,7 +462,7 @@ const he = Te("auth", () => {
     }
     async function K() {
       if (!(!a || !_.value)) {
-        if (await F(), !window.turnstile) {
+        if (await M(), !window.turnstile) {
           b.value = "Turnstile initialization failed";
           return;
         }
@@ -545,7 +545,7 @@ const he = Te("auth", () => {
           headers: X,
           body: JSON.stringify({
             comment: L,
-            postId: d.postId,
+            postId: m.postId,
             siteId: r,
             domain: o,
             ancestorId: t.ancestorId ? Number(t.ancestorId) : void 0,
@@ -562,7 +562,7 @@ const he = Te("auth", () => {
           return;
         }
         const { id: ye, status: be } = ie.data, _e = ae();
-        t.ancestorId || t.parentId ? d.addComment(ye, L, _e, be, t.ancestorId, t.parentId) : t.currentId ? n("update", L) : d.addComment(ye, L, _e, be), S.value = "", n("close"), w.value && (q(), h.value = !1);
+        t.ancestorId || t.parentId ? m.addComment(ye, L, _e, be, t.ancestorId, t.parentId) : t.currentId ? n("update", L) : m.addComment(ye, L, _e, be), S.value = "", n("close"), w.value && (q(), h.value = !1);
       } catch (R) {
         b.value = R.message || String(R);
       }
@@ -571,7 +571,7 @@ const he = Te("auth", () => {
     function O() {
       i.login();
     }
-    function P(T) {
+    function j(T) {
       lt(T, "Enter") && Z(T);
     }
     function re() {
@@ -594,20 +594,20 @@ const he = Te("auth", () => {
       onSubmit: ce(Z, ["prevent"])
     }, [
       A("div", At, [
-        A("label", It, I(m(u)("your_comment")), 1),
+        A("label", It, I(d(u)("your_comment")), 1),
         Me(A("textarea", {
           id: "ac-comment",
           ref_key: "textarea",
           ref: g,
           "onUpdate:modelValue": L[0] || (L[0] = (z) => S.value = z),
-          placeholder: m(u)("placeholder"),
+          placeholder: d(u)("placeholder"),
           class: "ac-textarea ac-textarea-bordered bg-base-200 rounded-b-none focus:outline-none",
           required: "",
           rows: "3",
           onKeydown: [
             L[1] || (L[1] = ce(() => {
             }, ["stop"])),
-            we(P, ["enter"]),
+            we(j, ["enter"]),
             we(re, ["esc"])
           ],
           onKeyup: L[2] || (L[2] = ce(() => {
@@ -619,16 +619,16 @@ const he = Te("auth", () => {
           e.noVersion ? E("", !0) : (f(), v("div", {
             key: 0,
             class: me(["text-xs text-neutral-400/40", { "me-auto": !b.value }])
-          }, " v" + I(m(k)), 3)),
+          }, " v" + I(d(k)), 3)),
           b.value ? (f(), v("div", Et, I(b.value), 1)) : E("", !0),
-          h.value && !m(i).isAuthenticated ? (f(), v(M, { key: 2 }, [
-            m(i).isAwesomeAuth ? E("", !0) : (f(), v("button", {
+          h.value && !d(i).isAuthenticated ? (f(), v(P, { key: 2 }, [
+            d(i).isAwesomeAuth ? E("", !0) : (f(), v("button", {
               key: 0,
               class: "ac-btn ac-btn-secondary ac-btn-xs mx-4",
               type: "button",
               onClick: O
-            }, I(m(u)("login")), 1)),
-            m(a) ? (f(), v("div", {
+            }, I(d(u)("login")), 1)),
+            d(a) ? (f(), v("div", {
               key: 1,
               ref_key: "turnstileContainer",
               ref: _,
@@ -636,16 +636,16 @@ const he = Te("auth", () => {
             }, null, 512)) : E("", !0)
           ], 64)) : E("", !0),
           A("button", {
-            disabled: p.value || h.value && !m(i).isAuthenticated && !x.value,
+            disabled: p.value || h.value && !d(i).isAuthenticated && !x.value,
             class: "ac-btn ac-btn-primary ac-btn-sm"
           }, [
             p.value ? (f(), v("span", Tt)) : E("", !0),
-            e.currentId ? (f(), v(M, { key: 1 }, [
-              H(I(m(u)("save_editing")), 1)
-            ], 64)) : e.parentId ? (f(), v(M, { key: 2 }, [
-              H(I(m(u)("post_reply")), 1)
-            ], 64)) : (f(), v(M, { key: 3 }, [
-              H(I(m(u)("post_comment")), 1)
+            e.currentId ? (f(), v(P, { key: 1 }, [
+              H(I(d(u)("save_editing")), 1)
+            ], 64)) : e.parentId ? (f(), v(P, { key: 2 }, [
+              H(I(d(u)("post_reply")), 1)
+            ], 64)) : (f(), v(P, { key: 3 }, [
+              H(I(d(u)("post_comment")), 1)
             ], 64))
           ], 8, St)
         ])
@@ -658,14 +658,14 @@ const he = Te("auth", () => {
 }, Mt = { class: "text-sm text-gray-500 dark:text-gray-400" }, Pt = ["aria-label", "title", "disabled"], jt = {
   key: 0,
   class: "ac-loading ac-loading-spinner"
-}, Bt = ["aria-label", "title"], le = "awesome-comment-likes", Dt = /* @__PURE__ */ D({
+}, Bt = ["aria-label", "title"], le = "awesome-comment-likes", Dt = /* @__PURE__ */ U({
   __name: "comment-actions",
   props: {
     comment: {}
   },
   emits: ["reply"],
   setup(e, { emit: s }) {
-    const t = e, n = s, i = J(), { t: d } = U(), u = N("ApiBaseUrl"), l = N("siteId"), o = $(0);
+    const t = e, n = s, i = J(), { t: m } = F(), u = N("ApiBaseUrl"), l = N("siteId"), o = $(0);
     async function r(a = !0) {
       if (o.value) return;
       const c = localStorage.getItem(le);
@@ -697,71 +697,71 @@ const he = Te("auth", () => {
     }
     return (a, c) => (f(), v("div", Nt, [
       A("button", {
-        "aria-label": m(d)("like"),
-        title: m(d)("like"),
+        "aria-label": d(m)("like"),
+        title: d(m)("like"),
         class: "ac-btn ac-btn-sm ac-btn-circle border-0 shadow-none",
         disabled: o.value !== 0,
         type: "button",
         onClick: c[0] || (c[0] = (k) => r())
       }, [
-        o.value > 0 ? (f(), v("span", Ot)) : (f(), j(m(Ge), {
+        o.value > 0 ? (f(), v("span", Ot)) : (f(), B(d(Ge), {
           key: 1,
           size: 16
         }))
       ], 8, Rt),
       A("span", Mt, I(e.comment.like || 0), 1),
       A("button", {
-        "aria-label": m(d)("dislike"),
-        title: m(d)("dislike"),
+        "aria-label": d(m)("dislike"),
+        title: d(m)("dislike"),
         class: "ac-btn ac-btn-sm ac-btn-circle border-0 shadow-none",
         disabled: o.value !== 0,
         type: "button",
         onClick: c[1] || (c[1] = (k) => r(!1))
       }, [
-        o.value < 0 ? (f(), v("span", jt)) : (f(), j(m(He), {
+        o.value < 0 ? (f(), v("span", jt)) : (f(), B(d(He), {
           key: 1,
           size: 16
         }))
       ], 8, Pt),
       A("button", {
-        "aria-label": m(d)("reply"),
-        title: m(d)("reply"),
+        "aria-label": d(m)("reply"),
+        title: d(m)("reply"),
         class: "ac-btn ac-btn-sm ac-btn-circle border-0 shadow-none -me-1.5",
         type: "button",
         onClick: c[2] || (c[2] = (k) => n("reply"))
       }, [
-        B(m(Je), { size: 16 })
+        D(d(Je), { size: 16 })
       ], 8, Bt)
     ]));
   }
 }), Ut = ["href"], Ft = ["innerHTML"], Kt = {
   key: 1,
   class: "text-gray-500 break-words overflow-x-auto whitespace-pre-line pb-3 mb-0 dark:text-gray-400"
-}, zt = ["href"], Vt = /* @__PURE__ */ D({
+}, zt = ["href"], Vt = /* @__PURE__ */ U({
   __name: "comment-content",
   props: {
     ancestorId: {},
     comment: {}
   },
   setup(e) {
-    const s = e, { t } = U(), n = J();
+    const s = e, { t } = F(), n = J();
     function i(u) {
       return Ye(u).replace(/<a/g, '<a target="_blank"');
     }
-    function d(u) {
+    function m(u) {
       if (s.ancestorId) {
         const o = n.comments[s.ancestorId]?.children?.find((r) => Number(r.id) === Number(u));
         return o?.isAdmin ? t("admin") : o?.user?.name || o?.user?.email || "";
       }
       return "";
     }
-    return (u, l) => e.comment.isAdmin ? (f(), v(M, { key: 0 }, [
+    return (u, l) => e.comment.isAdmin ? (f(), v(P, { key: 0 }, [
       e.comment.parentId && e.comment.parentId !== e.comment.ancestorId ? (f(), v("a", {
         key: 0,
         href: `#awcm-${e.comment.parentId}`,
         class: "inline-block px-2 py-1 rounded-lg mt-2 bg-base-300 text-gray-500 dark:bg-neutral-400/20 dark:text-gray-400",
         target: "_self"
-      }, "@" + I(d(e.comment.parentId)), 9, Ut)) : E("", !0),
+      }, "@" + I(m(e.comment.parentId)), 9, Ut)) : E("", !0),
       A("article", {
         class: "text-gray-500 break-words overflow-x-auto dark:text-gray-400",
         innerHTML: i(e.comment.content)
@@ -772,7 +772,7 @@ const he = Te("auth", () => {
         href: `#awcm-${e.comment.parentId}`,
         class: "inline-block px-2 py-1 rounded-lg me-1 bg-base-300 text-gray-500 dark:bg-neutral-400/20 dark:text-gray-400",
         target: "_self"
-      }, "@" + I(d(e.comment.parentId)), 9, zt)) : E("", !0),
+      }, "@" + I(m(e.comment.parentId)), 9, zt)) : E("", !0),
       H(I(e.comment.content), 1)
     ]));
   }
@@ -791,7 +791,7 @@ function Gt(e) {
 const Ht = { class: "flex items-center gap-2 text-sm text-base-content dark:text-white" }, Jt = { class: "ac-avatar" }, Wt = {
   key: 0,
   class: "w-6 h-6"
-}, Yt = ["alt", "src"], qt = { class: "text-neutral-content mix-blend-color-dodge uppercase font-bold leading-6" }, Zt = ["data-tip"], Xt = ["href"], Qt = ["datetime", "title"], en = /* @__PURE__ */ D({
+}, Yt = ["alt", "src"], qt = { class: "text-neutral-content mix-blend-color-dodge uppercase font-bold leading-6" }, Zt = ["data-tip"], Xt = ["href"], Qt = ["datetime", "title"], en = /* @__PURE__ */ U({
   __name: "comment-header",
   props: {
     comment: {},
@@ -800,7 +800,7 @@ const Ht = { class: "flex items-center gap-2 text-sm text-base-content dark:text
   },
   emits: ["edit"],
   setup(e, { emit: s }) {
-    const t = e, n = s, { t: i } = U(), d = Y(() => {
+    const t = e, n = s, { t: i } = F(), m = Y(() => {
       if (t.comment.isAdmin) return i("admin");
       let l = t.comment.user?.name || i("anonymous");
       return l = l.replace(gt, ""), l;
@@ -812,25 +812,25 @@ const Ht = { class: "flex items-center gap-2 text-sm text-base-content dark:text
       A("div", Jt, [
         e.comment.user?.avatar ? (f(), v("div", Wt, [
           A("img", {
-            alt: d.value,
+            alt: m.value,
             src: e.comment.user?.avatar,
             class: "rounded-full max-w-full max-h-full"
           }, null, 8, Yt)
         ])) : (f(), v("div", {
           key: 1,
-          style: je({ "background-color": m(Gt)(d.value) }),
+          style: je({ "background-color": d(Gt)(m.value) }),
           class: "avatar-char rounded-full w-6 h-6 text-center"
         }, [
-          A("span", qt, I(d.value.substring(0, 1)), 1)
+          A("span", qt, I(m.value.substring(0, 1)), 1)
         ], 4))
       ]),
-      H(" " + I(d.value) + " ", 1),
+      H(" " + I(m.value) + " ", 1),
       e.comment.isAdmin ? (f(), v("div", {
         key: 0,
-        "data-tip": m(i)("admin"),
+        "data-tip": d(i)("admin"),
         class: "ac-tooltip text-success"
       }, [
-        B(m(We), {
+        D(d(We), {
           class: "block",
           size: 18
         })
@@ -841,16 +841,16 @@ const Ht = { class: "flex items-center gap-2 text-sm text-base-content dark:text
       }, [
         A("time", {
           datetime: e.comment.createdAt.toISOString(),
-          title: m(Ae)(e.comment.createdAt),
+          title: d(Ae)(e.comment.createdAt),
           class: "text-xs text-gray-600 dark:text-gray-400"
-        }, I(m(Ae)(e.comment.createdAt)), 9, Qt)
+        }, I(d(Ae)(e.comment.createdAt)), 9, Qt)
       ], 8, Xt),
       e.isEditable ? (f(), v("button", {
         key: 1,
         class: "ac-btn ac-btn-link ac-btn-xs hover:no-underline",
         type: "button",
         onClick: o[0] || (o[0] = (r) => n("edit"))
-      }, I(m(i)("edit")), 1)) : E("", !0)
+      }, I(d(i)("edit")), 1)) : E("", !0)
     ]));
   }
 }), tn = ["id"], nn = { class: "flex justify-between items-center font-sans" }, on = {
@@ -858,7 +858,7 @@ const Ht = { class: "flex items-center gap-2 text-sm text-base-content dark:text
   class: "italic mt-4 text-emerald-600 mb-0 text-sm dark:text-emerald-300"
 }, sn = {
   name: "CommentItem"
-}, an = /* @__PURE__ */ D({
+}, an = /* @__PURE__ */ U({
   ...sn,
   props: {
     comment: {},
@@ -868,44 +868,44 @@ const Ht = { class: "flex items-center gap-2 text-sm text-base-content dark:text
     ancestorId: {}
   },
   setup(e) {
-    const s = e, { t } = U(), n = J(), i = he();
-    let d;
+    const s = e, { t } = F(), n = J(), i = he();
+    let m;
     const u = $(Date.now()), l = $(!1), o = $(!1), r = Y(() => s.comment.userId === i.user?.sub && u.value - s.comment.createdAt.getTime() < 36e5);
     return se(() => {
-      r.value && (d = setInterval(() => {
-        u.value = Date.now(), r.value || clearInterval(d);
+      r.value && (m = setInterval(() => {
+        u.value = Date.now(), r.value || clearInterval(m);
       }, 1e3));
     }), Be(() => {
-      clearInterval(d);
+      clearInterval(m);
     }), (a, c) => {
       const k = De("comment-item", !0);
       return f(), v("div", {
         id: "awcm-" + e.comment.id,
         class: me([[{ "animated flash": e.comment.isNew }, e.isFirstLevel ? "mb-4" : e.isFirst ? "-mt-4" : "mt-1"], "comment-item target:outline target:outline-green-500 target:outline-2 dark:target:outline-1"]),
-        onAnimationend: c[6] || (c[6] = (g) => m(n).updateComment(e.comment.id, { isNew: !1 }))
+        onAnimationend: c[6] || (c[6] = (g) => d(n).updateComment(e.comment.id, { isNew: !1 }))
       }, [
         A("div", {
           class: me(["pt-2 px-4 text-base bg-base-200 dark:bg-gray-900", [{ "rounded-lg": e.isFirstLevel, "rounded-b-lg": e.isLast, "rounded-t-lg shadow-outline-md": e.isFirst }, e.comment.children?.length ? "pb-6" : "pb-3"]])
         }, [
           A("header", nn, [
-            B(en, {
+            D(en, {
               comment: e.comment,
               "is-editable": r.value,
               "is-editing": l.value,
               onEdit: c[0] || (c[0] = (g) => l.value = !l.value)
             }, null, 8, ["comment", "is-editable", "is-editing"]),
-            B(Dt, {
+            D(Dt, {
               comment: e.comment,
               onReply: c[1] || (c[1] = (g) => o.value = !o.value)
             }, null, 8, ["comment"])
           ]),
-          B(Vt, {
+          D(Vt, {
             "ancestor-id": e.ancestorId,
             comment: e.comment
           }, null, 8, ["ancestor-id", "comment"]),
-          e.comment.status === m(te).Pending ? (f(), v("p", on, I(m(t)("approve_hint")), 1)) : E("", !0)
+          e.comment.status === d(te).Pending ? (f(), v("p", on, I(d(t)("approve_hint")), 1)) : E("", !0)
         ], 2),
-        l.value ? (f(), j(ee, {
+        l.value ? (f(), B(ee, {
           key: 0,
           content: e.comment.content,
           "current-id": e.comment.id,
@@ -913,9 +913,9 @@ const Ht = { class: "flex items-center gap-2 text-sm text-base-content dark:text
           class: "mt-3",
           "no-version": "",
           onClose: c[2] || (c[2] = (g) => l.value = !1),
-          onUpdate: c[3] || (c[3] = (g) => m(n).updateComment(e.comment.id, { content: g }))
+          onUpdate: c[3] || (c[3] = (g) => d(n).updateComment(e.comment.id, { content: g }))
         }, null, 8, ["content", "current-id", "status"])) : E("", !0),
-        o.value && e.isFirstLevel ? (f(), j(ee, {
+        o.value && e.isFirstLevel ? (f(), B(ee, {
           key: 1,
           "ancestor-id": e.ancestorId,
           "parent-id": Number(e.comment.id),
@@ -923,7 +923,7 @@ const Ht = { class: "flex items-center gap-2 text-sm text-base-content dark:text
           "no-version": "",
           onClose: c[4] || (c[4] = (g) => o.value = !1)
         }, null, 8, ["ancestor-id", "parent-id"])) : E("", !0),
-        e.comment.children?.length ? (f(!0), v(M, { key: 2 }, Se(e.comment.children, (g, _) => (f(), j(k, {
+        e.comment.children?.length ? (f(!0), v(P, { key: 2 }, Se(e.comment.children, (g, _) => (f(), B(k, {
           key: g.id,
           "ancestor-id": e.ancestorId,
           comment: g,
@@ -932,7 +932,7 @@ const Ht = { class: "flex items-center gap-2 text-sm text-base-content dark:text
           "is-last": _ === e.comment.children.length - 1,
           class: "ms-7"
         }, null, 8, ["ancestor-id", "comment", "is-first", "is-last"]))), 128)) : E("", !0),
-        o.value && !e.isFirstLevel ? (f(), j(ee, {
+        o.value && !e.isFirstLevel ? (f(), B(ee, {
           key: 3,
           "ancestor-id": e.ancestorId,
           "parent-id": e.comment.id,
@@ -954,34 +954,34 @@ const Ht = { class: "flex items-center gap-2 text-sm text-base-content dark:text
   class: "py-8 text-center"
 }, dn = {
   name: "CommentSections"
-}, mn = /* @__PURE__ */ D({
+}, mn = /* @__PURE__ */ U({
   ...dn,
   setup(e) {
-    const { t: s } = U(), t = J();
+    const { t: s } = F(), t = J();
     function n() {
       t.start += 20, t.loadComments();
     }
     return se(() => {
       t.isLoaded || t.loadComments();
-    }), (i, d) => m(t).isLoaded ? (f(), v("div", rn, [
-      (f(!0), v(M, null, Se(Object.values(m(t).comments).reverse(), (u) => (f(), j(an, {
+    }), (i, m) => d(t).isLoaded ? (f(), v("div", rn, [
+      (f(!0), v(P, null, Se(Object.values(d(t).comments).reverse(), (u) => (f(), B(an, {
         key: u.id,
         "ancestor-id": u.id,
         comment: u,
         "parent-id": u.parentId,
         "is-first-level": ""
       }, null, 8, ["ancestor-id", "comment", "parent-id"]))), 128)),
-      m(t).hasMore ? (f(), v("button", {
+      d(t).hasMore ? (f(), v("button", {
         key: 0,
-        disabled: m(t).loadingMore,
+        disabled: d(t).loadingMore,
         class: "ac-btn h-11 min-h-fit ac-btn-block text-white border-0 bg-green-middle hover:bg-green-middle/75 hover:text-white",
         type: "button",
         onClick: n
       }, [
-        m(t).loadingMore ? (f(), v("span", ln)) : E("", !0),
-        H(" " + I(m(s)("load_more")), 1)
+        d(t).loadingMore ? (f(), v("span", ln)) : E("", !0),
+        H(" " + I(d(s)("load_more")), 1)
       ], 8, cn)) : E("", !0)
-    ])) : (f(), v("div", un, [...d[0] || (d[0] = [
+    ])) : (f(), v("div", un, [...m[0] || (m[0] = [
       A("span", { class: "ac-loading ac-loading-spinner text-base-content" }, null, -1)
     ])]));
   }
@@ -1008,10 +1008,10 @@ const Ht = { class: "flex items-center gap-2 text-sm text-base-content dark:text
 }, An = {
   key: 0,
   class: "border-b border-neutral pb-2 mb-2 pointer-events-none"
-}, In = { class: "text-base-content" }, $n = ["disabled"], Cn = ["disabled"], En = /* @__PURE__ */ D({
+}, In = { class: "text-base-content" }, $n = ["disabled"], Cn = ["disabled"], En = /* @__PURE__ */ U({
   __name: "App",
   setup(e) {
-    const s = J(), { t } = U(), n = he(), i = $(), d = Y(() => {
+    const s = J(), { t } = F(), n = he(), i = $(), m = Y(() => {
       const r = s.hasMore ? s.total + "+" : s.total;
       if (s.total === 0) return "0";
       const a = new CustomEvent("AwesomeComment:total", {
@@ -1051,51 +1051,51 @@ const Ht = { class: "flex items-center gap-2 text-sm text-base-content dark:text
         r || o();
       }
     ), (r, a) => (f(), v("div", pn, [
-      m(s).message ? (f(), v("div", fn, [
-        A("p", null, I(m(s).message), 1)
+      d(s).message ? (f(), v("div", fn, [
+        A("p", null, I(d(s).message), 1)
       ])) : E("", !0),
       A("header", hn, [
-        A("h2", vn, I(m(t)("discussion")) + " (" + I(d.value) + ") ", 1),
-        m(n).isLoading ? (f(), v("span", gn)) : m(n).isAuthenticated && m(n).user ? (f(), v("div", yn, [
-          m(n).user.picture ? (f(), v("label", bn, [
+        A("h2", vn, I(d(t)("discussion")) + " (" + I(m.value) + ") ", 1),
+        d(n).isLoading ? (f(), v("span", gn)) : d(n).isAuthenticated && d(n).user ? (f(), v("div", yn, [
+          d(n).user.picture ? (f(), v("label", bn, [
             A("span", _n, [
               A("img", {
-                alt: m(n).user.name || m(n).user.email,
-                src: m(n).user.picture,
+                alt: d(n).user.name || d(n).user.email,
+                src: d(n).user.picture,
                 class: "w-full h-full block"
               }, null, 8, wn)
             ])
-          ])) : (f(), v("label", kn, I(m(n).user.email), 1)),
+          ])) : (f(), v("label", kn, I(d(n).user.email), 1)),
           A("ul", xn, [
-            m(n).user.picture ? (f(), v("li", An, [
-              A("span", In, I(m(n).user.email), 1)
+            d(n).user.picture ? (f(), v("li", An, [
+              A("span", In, I(d(n).user.email), 1)
             ])) : E("", !0),
             A("li", null, [
               A("button", {
-                disabled: m(n).isLoading,
+                disabled: d(n).isLoading,
                 class: "border-0 bg-base-100",
                 type: "button",
                 onClick: l
-              }, I(m(t)("logout")), 9, $n)
+              }, I(d(t)("logout")), 9, $n)
             ])
           ])
-        ])) : (f(), v(M, { key: 2 }, [
-          m(n).isAwesomeAuth ? (f(), v("div", {
+        ])) : (f(), v(P, { key: 2 }, [
+          d(n).isAwesomeAuth ? (f(), v("div", {
             key: 0,
             ref_key: "googleButton",
             ref: i,
             class: "g-id-signin"
           }, null, 512)) : (f(), v("button", {
             key: 1,
-            disabled: m(n).isLoading,
+            disabled: d(n).isLoading,
             class: "ac-btn ac-btn-secondary ac-btn-xs",
             type: "button",
             onClick: u
-          }, I(m(t)("login")), 9, Cn))
+          }, I(d(t)("login")), 9, Cn))
         ], 64))
       ]),
-      B(ee),
-      B(mn)
+      D(ee),
+      D(mn)
     ]));
   }
 }), Ee = [];
@@ -1105,7 +1105,7 @@ function Sn({
   clientId: s,
   locale: t = navigator.language
 }) {
-  const n = Ue(En), i = Fe(), d = fe || e && s && Le({
+  const n = Ue(En), i = Fe(), m = fe || e && s && Le({
     domain: e,
     clientId: s,
     authorizationParams: {
@@ -1120,7 +1120,7 @@ function Sn({
       "zh-CN": ke.cn
     }
   });
-  return d && n.use(d), n.use(i), n.use(u), n;
+  return m && n.use(m), n.use(i), n.use(u), n;
 }
 const jn = {
   postId: "",
@@ -1135,15 +1135,15 @@ const jn = {
     apiUrl: t,
     domain: n,
     clientId: i,
-    awesomeAuth: d,
+    awesomeAuth: m,
     turnstileSiteKey: u,
     locale: l = navigator.language,
     siteId: o,
     autoFocus: r
   } = {}) {
-    s ??= this.postId, t ??= this.apiUrl, n ??= this.domain || "", i ??= this.clientId, d ??= this.awesomeAuth, u ??= this.turnstileSiteKey, o ??= this.siteId;
+    s ??= this.postId, t ??= this.apiUrl, n ??= this.domain || "", i ??= this.clientId, m ??= this.awesomeAuth, u ??= this.turnstileSiteKey, o ??= this.siteId;
     const a = Sn({ domain: n, clientId: i, locale: l });
-    a.provide("ApiBaseUrl", t), a.provide("postId", s), a.provide("Auth0Domain", n), a.provide("comments", Ee), a.provide("total", ue), a.provide("awesomeAuth", d), a.provide("TurnstileSiteKey", u), a.provide("siteId", o), a.provide("AutoFocus", r || !1), a.mount(e);
+    a.provide("ApiBaseUrl", t), a.provide("postId", s), a.provide("Auth0Domain", n), a.provide("comments", Ee), a.provide("total", ue), a.provide("awesomeAuth", m), a.provide("TurnstileSiteKey", u), a.provide("siteId", o), a.provide("AutoFocus", r || !1), a.mount(e);
   },
   async preload({
     postId: e,
@@ -1151,10 +1151,10 @@ const jn = {
     domain: t,
     clientId: n,
     awesomeAuth: i,
-    turnstileSiteKey: d,
+    turnstileSiteKey: m,
     siteId: u
   }) {
-    if (this.postId = e || "", this.apiUrl = s || "", this.domain = t || "", this.clientId = n || "", this.turnstileSiteKey = d || "", this.siteId = u || "", t && n && (fe = Le({
+    if (this.postId = e || "", this.apiUrl = s || "", this.domain = t || "", this.clientId = n || "", this.turnstileSiteKey = m || "", this.siteId = u || "", t && n && (fe = Le({
       domain: t,
       clientId: n,
       authorizationParams: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roudanio/awesome-comment",
-  "version": "0.10.7",
+  "version": "0.10.8",
   "type": "module",
   "dependencies": {
     "@auth0/auth0-vue": "^2.5.0",