@roudanio/awesome-comment 0.4.3 → 0.4.4

package/dist/awesome-comment.js

@@ -964,8 +964,8 @@ function Mn(e) {
   }
   let R = I;
   if (T && w !== !1) {
-    const A = Object.keys(T), { shapeFlag: W } = R;
-    A.length && W & 7 && (r && A.some(lo) && (T = Vr(
+    const A = Object.keys(T), { shapeFlag: H } = R;
+    A.length && H & 7 && (r && A.some(lo) && (T = Vr(
       T,
       r
     )), R = vt(R, T));
@@ -1071,7 +1071,7 @@ function ci(e, t, { immediate: n, deep: o, flush: s, onTrack: i, onTrigger: r }
       if (t) {
         const A = O.run();
         (o || f || (d ? A.some(
-          (W, fe) => Ft(W, w[fe])
+          (H, fe) => Ft(H, w[fe])
         ) : Ft(A, w))) && (p && p(), Ce(t, a, 3, [
           A,
           // pass undefined as the old value when it's changed for the first time
@@ -1401,9 +1401,9 @@ function pc(e) {
     beforeUnmount: O,
     destroyed: R,
     unmounted: A,
-    render: W,
+    render: H,
     renderTracked: fe,
-    renderTriggered: H,
+    renderTriggered: Z,
     errorCaptured: L,
     serverPrefetch: K,
     // public API
@@ -1446,10 +1446,10 @@ function pc(e) {
     });
   }
   f && Go(f, e, "c");
-  function Z(te, B) {
+  function V(te, B) {
     N(B) ? B.forEach((Je) => te(Je.bind(n))) : B && te(B.bind(n));
   }
-  if (Z(nc, d), Z(fi, p), Z(oc, g), Z(sc, b), Z(Qr, w), Z(ec, I), Z(lc, L), Z(ac, fe), Z(cc, H), Z(ic, O), Z(di, A), Z(rc, K), N(oe))
+  if (V(nc, d), V(fi, p), V(oc, g), V(sc, b), V(Qr, w), V(ec, I), V(lc, L), V(ac, fe), V(cc, Z), V(ic, O), V(di, A), V(rc, K), N(oe))
     if (oe.length) {
       const te = e.exposed || (e.exposed = {});
       oe.forEach((B) => {
@@ -1460,7 +1460,7 @@ function pc(e) {
       });
     } else
       e.exposed || (e.exposed = {});
-  W && e.render === Ie && (e.render = W), pe != null && (e.inheritAttrs = pe), Se && (e.components = Se), lt && (e.directives = lt);
+  H && e.render === Ie && (e.render = H), pe != null && (e.inheritAttrs = pe), Se && (e.components = Se), lt && (e.directives = lt);
 }
 function mc(e, t, n = Ie) {
   N(e) && (e = Qn(e));
@@ -1999,7 +1999,7 @@ function Pc(e, t) {
         );
         break;
       default:
-        P & 1 ? W(
+        P & 1 ? H(
           u,
           h,
           m,
@@ -2069,7 +2069,7 @@ function Pc(e, t) {
     for (; u && u !== h; )
       m = p(u), s(u), u = m;
     s(h);
-  }, W = (u, h, m, y, _, x, S, k, C) => {
+  }, H = (u, h, m, y, _, x, S, k, C) => {
     S = S || h.type === "svg", u == null ? fe(
       h,
       m,
@@ -2105,13 +2105,13 @@ function Pc(e, t) {
       x && E !== "foreignObject",
       S,
       k
-    ), $ && qe(u, null, y, "created"), H(C, u, u.scopeId, S, y), P) {
-      for (const V in P)
-        V !== "value" && !en(V) && i(
+    ), $ && qe(u, null, y, "created"), Z(C, u, u.scopeId, S, y), P) {
+      for (const X in P)
+        X !== "value" && !en(X) && i(
           C,
-          V,
+          X,
           null,
-          P[V],
+          P[X],
           x,
           u.children,
           y,
@@ -2125,7 +2125,7 @@ function Pc(e, t) {
     J && M.beforeEnter(C), o(C, h, m), ((v = P && P.onVnodeMounted) || J || $) && de(() => {
       v && je(v, y, u), J && M.enter(C), $ && qe(u, null, y, "mounted");
     }, _);
-  }, H = (u, h, m, y, _) => {
+  }, Z = (u, h, m, y, _) => {
     if (m && g(u, m), y)
       for (let x = 0; x < y.length; x++)
         g(u, y[x]);
@@ -2133,7 +2133,7 @@ function Pc(e, t) {
       let x = _.subTree;
       if (h === x) {
         const S = _.vnode;
-        H(
+        Z(
           u,
           S,
           S.scopeId,
@@ -2196,8 +2196,8 @@ function Pc(e, t) {
         );
       else if (C & 2 && P.class !== j.class && i(k, "class", null, j.class, _), C & 4 && i(k, "style", P.style, j.style, _), C & 8) {
         const J = h.dynamicProps;
-        for (let V = 0; V < J.length; V++) {
-          const se = J[V], we = P[se], ft = j[se];
+        for (let X = 0; X < J.length; X++) {
+          const se = J[X], we = P[se], ft = j[se];
           (ft !== we || se === "value") && i(
             k,
             se,
@@ -2351,13 +2351,13 @@ function Pc(e, t) {
       _
     );
     if (li(u) && (k.ctx.renderer = ut), zc(k), k.asyncDep) {
-      if (_ && _.registerDep(k, Z), !u.el) {
+      if (_ && _.registerDep(k, V), !u.el) {
         const C = k.subTree = Oe(ct);
         T(null, C, h, m);
       }
       return;
     }
-    Z(
+    V(
       k,
       u,
       h,
@@ -2376,11 +2376,11 @@ function Pc(e, t) {
         y.next = h, zr(y.update), y.update();
     else
       h.el = u.el, y.vnode = h;
-  }, Z = (u, h, m, y, _, x, S) => {
+  }, V = (u, h, m, y, _, x, S) => {
     const k = () => {
       if (u.isMounted) {
-        let { next: E, bu: P, u: j, parent: M, vnode: $ } = u, J = E, V;
-        Ge(u, !1), E ? (E.el = $.el, te(u, E, S)) : E = $, P && tn(P), (V = E.props && E.props.onVnodeBeforeUpdate) && je(V, M, E, $), Ge(u, !0);
+        let { next: E, bu: P, u: j, parent: M, vnode: $ } = u, J = E, X;
+        Ge(u, !1), E ? (E.el = $.el, te(u, E, S)) : E = $, P && tn(P), (X = E.props && E.props.onVnodeBeforeUpdate) && je(X, M, E, $), Ge(u, !0);
         const se = Mn(u), we = u.subTree;
         u.subTree = se, w(
           we,
@@ -2392,14 +2392,14 @@ function Pc(e, t) {
           u,
           _,
           x
-        ), E.el = se.el, J === null && Br(u, se.el), j && de(j, _), (V = E.props && E.props.onVnodeUpdated) && de(
-          () => je(V, M, E, $),
+        ), E.el = se.el, J === null && Br(u, se.el), j && de(j, _), (X = E.props && E.props.onVnodeUpdated) && de(
+          () => je(X, M, E, $),
           _
         );
       } else {
         let E;
-        const { el: P, props: j } = h, { bm: M, m: $, parent: J } = u, V = on(h);
-        if (Ge(u, !1), M && tn(M), !V && (E = j && j.onVnodeBeforeMount) && je(E, J, h), Ge(u, !0), P && Nn) {
+        const { el: P, props: j } = h, { bm: M, m: $, parent: J } = u, X = on(h);
+        if (Ge(u, !1), M && tn(M), !X && (E = j && j.onVnodeBeforeMount) && je(E, J, h), Ge(u, !0), P && Nn) {
           const se = () => {
             u.subTree = Mn(u), Nn(
               P,
@@ -2409,7 +2409,7 @@ function Pc(e, t) {
               null
             );
           };
-          V ? h.type.__asyncLoader().then(
+          X ? h.type.__asyncLoader().then(
             // note: we are moving the render call into an async callback,
             // which means it won't track dependencies - but it's ok because
             // a server-rendered async wrapper is already in resolved state
@@ -2428,7 +2428,7 @@ function Pc(e, t) {
             x
           ), h.el = se.el;
         }
-        if ($ && de($, _), !V && (E = j && j.onVnodeMounted)) {
+        if ($ && de($, _), !X && (E = j && j.onVnodeMounted)) {
           const se = h;
           de(
             () => je(E, J, se),
@@ -2600,7 +2600,7 @@ function Pc(e, t) {
         const me = h[v] = C ? He(h[v]) : Ae(h[v]);
         me.key != null && J.set(me.key, v);
       }
-      let V, se = 0;
+      let X, se = 0;
       const we = j - $ + 1;
       let ft = !1, Fo = 0;
       const Tt = new Array(we);
@@ -2616,9 +2616,9 @@ function Pc(e, t) {
         if (me.key != null)
           Ee = J.get(me.key);
         else
-          for (V = $; V <= j; V++)
-            if (Tt[V - $] === 0 && Ot(me, h[V])) {
-              Ee = V;
+          for (X = $; X <= j; X++)
+            if (Tt[X - $] === 0 && Ot(me, h[X])) {
+              Ee = X;
               break;
             }
         Ee === void 0 ? Pe(me, _, x, !0) : (Tt[Ee - $] = v + 1, Ee >= Fo ? Fo = Ee : ft = !0, w(
@@ -2634,7 +2634,7 @@ function Pc(e, t) {
         ), se++);
       }
       const $o = ft ? Ec(Tt) : bt;
-      for (V = $o.length - 1, v = we - 1; v >= 0; v--) {
+      for (X = $o.length - 1, v = we - 1; v >= 0; v--) {
         const me = $ + v, Ee = h[me], Ko = me + 1 < E ? h[me + 1].el : y;
         Tt[v] === 0 ? w(
           null,
@@ -2646,7 +2646,7 @@ function Pc(e, t) {
           S,
           k,
           C
-        ) : ft && (V < 0 || v !== $o[V] ? Ye(Ee, m, Ko, 2) : V--);
+        ) : ft && (X < 0 || v !== $o[X] ? Ye(Ee, m, Ko, 2) : X--);
       }
     }
   }, Ye = (u, h, m, y, _ = null) => {
@@ -2833,7 +2833,7 @@ function xi(e) {
 }
 function q(e, t, n, o, s, i) {
   return xi(
-    X(
+    W(
       e,
       t,
       n,
@@ -2869,7 +2869,7 @@ const On = "__vInternal", Ii = ({ key: e }) => e ?? null, sn = ({
   ref_key: t,
   ref_for: n
 }) => (typeof e == "number" && (e = "" + e), e != null ? ie(e) || ne(e) || F(e) ? { i: _e, r: e, k: t, f: !!n } : e : null);
-function X(e, t = null, n = null, o = 0, s = null, i = e === ye ? 0 : 1, r = !1, c = !1) {
+function W(e, t = null, n = null, o = 0, s = null, i = e === ye ? 0 : 1, r = !1, c = !1) {
   const a = {
     __v_isVNode: !0,
     __v_skip: !0,
@@ -2925,7 +2925,7 @@ function Nc(e, t = null, n = null, o = 0, s = null, i = !1) {
     c && !ie(c) && (t.class = _n(c)), ee(a) && (Ys(a) && !N(a) && (a = ce({}, a)), t.style = bn(a));
   }
   const r = ie(e) ? 1 : Jr(e) ? 128 : jc(e) ? 64 : ee(e) ? 4 : F(e) ? 2 : 0;
-  return X(
+  return W(
     e,
     t,
     n,
@@ -3666,26 +3666,26 @@ function Ei(e, t, n = {}, o, s, i) {
     return function() {
       En(o);
       const oe = Array.from(arguments), pe = [], Se = [];
-      function lt(Z) {
-        pe.push(Z);
+      function lt(V) {
+        pe.push(V);
       }
-      function Ct(Z) {
-        Se.push(Z);
+      function Ct(V) {
+        Se.push(V);
       }
       ht(p, {
         args: oe,
         name: L,
-        store: W,
+        store: H,
         after: lt,
         onError: Ct
       });
       let Ue;
       try {
-        Ue = K.apply(this && this.$id === e ? this : W, oe);
-      } catch (Z) {
-        throw ht(Se, Z), Z;
+        Ue = K.apply(this && this.$id === e ? this : H, oe);
+      } catch (V) {
+        throw ht(Se, V), V;
       }
-      return Ue instanceof Promise ? Ue.then((Z) => (ht(pe, Z), Z)).catch((Z) => (ht(Se, Z), Promise.reject(Z))) : (ht(pe, Ue), Ue);
+      return Ue instanceof Promise ? Ue.then((V) => (ht(pe, V), V)).catch((V) => (ht(Se, V), Promise.reject(V))) : (ht(pe, Ue), Ue);
     };
   }
   const A = {
@@ -3706,19 +3706,19 @@ function Ei(e, t, n = {}, o, s, i) {
       return oe;
     },
     $dispose: O
-  }, W = wn(A);
-  o._s.set(e, W);
-  const fe = o._a && o._a.runWithContext || xa, H = o._e.run(() => (r = Fs(), fe(() => r.run(t))));
-  for (const L in H) {
-    const K = H[L];
+  }, H = wn(A);
+  o._s.set(e, H);
+  const fe = o._a && o._a.runWithContext || xa, Z = o._e.run(() => (r = Fs(), fe(() => r.run(t))));
+  for (const L in Z) {
+    const K = Z[L];
     if (ne(K) && !Ta(K) || Ve(K))
       i || (b && Ca(K) && (ne(K) ? K.value = b[L] : so(K, b[L])), o.state.value[e][L] = K);
     else if (typeof K == "function") {
       const oe = R(L, K);
-      H[L] = oe, c.actions[L] = K;
+      Z[L] = oe, c.actions[L] = K;
     }
   }
-  return We(W, H), We(U(W), H), Object.defineProperty(W, "$state", {
+  return We(H, Z), We(U(H), Z), Object.defineProperty(H, "$state", {
     get: () => o.state.value[e],
     set: (L) => {
       I((K) => {
@@ -3726,13 +3726,13 @@ function Ei(e, t, n = {}, o, s, i) {
       });
     }
   }), o._p.forEach((L) => {
-    We(W, r.run(() => L({
-      store: W,
+    We(H, r.run(() => L({
+      store: H,
       app: o._a,
       pinia: o,
       options: c
     })));
-  }), b && i && n.hydrate && n.hydrate(W.$state, b), l = !0, f = !0, W;
+  }), b && i && n.hydrate && n.hydrate(H.$state, b), l = !0, f = !0, H;
 }
 function Sa(e, t, n) {
   let o, s;
@@ -4101,9 +4101,9 @@ async function Ra(e, t) {
       }
     if (O)
       throw O;
-    const R = T.json, { error: A, error_description: W } = R, fe = Re(R, ["error", "error_description"]), { ok: H } = T;
-    if (!H) {
-      const L = W || `HTTP error. Unable to fetch ${f}`;
+    const R = T.json, { error: A, error_description: H } = R, fe = Re(R, ["error", "error_description"]), { ok: Z } = T;
+    if (!Z) {
+      const L = H || `HTTP error. Unable to fetch ${f}`;
       throw A === "mfa_required" ? new Ro(A, L, fe.mfa_token) : A === "missing_refresh_token" ? new jn(p, g) : new ae(A || "request_error", L);
     }
     return fe;
@@ -4632,18 +4632,18 @@ class Ha {
         const R = window.document.createElement("iframe");
         R.setAttribute("width", "0"), R.setAttribute("height", "0"), R.style.display = "none";
         const A = () => {
-          window.document.body.contains(R) && (window.document.body.removeChild(R), window.removeEventListener("message", W, !1));
+          window.document.body.contains(R) && (window.document.body.removeChild(R), window.removeEventListener("message", H, !1));
         };
-        let W;
+        let H;
         const fe = setTimeout(() => {
           O(new Ht()), A();
         }, 1e3 * I);
-        W = function(H) {
-          if (H.origin != w || !H.data || H.data.type !== "authorization_response")
+        H = function(Z) {
+          if (Z.origin != w || !Z.data || Z.data.type !== "authorization_response")
             return;
-          const L = H.source;
-          L && L.close(), H.data.response.error ? O(ae.fromPayload(H.data.response)) : T(H.data.response), clearTimeout(fe), window.removeEventListener("message", W, !1), setTimeout(A, 2e3);
-        }, window.addEventListener("message", W, !1), window.document.body.appendChild(R), R.setAttribute("src", b);
+          const L = Z.source;
+          L && L.close(), Z.data.response.error ? O(ae.fromPayload(Z.data.response)) : T(Z.data.response), clearTimeout(fe), window.removeEventListener("message", H, !1), setTimeout(A, 2e3);
+        }, window.addEventListener("message", H, !1), window.document.body.appendChild(R), R.setAttribute("src", b);
       }))(s, this.domainUrl, d);
       if (i !== p.state)
         throw new ae("state_mismatch", "Invalid state");
@@ -4805,16 +4805,16 @@ const An = Sa("store", () => {
       sub: O = "",
       name: R = "",
       picture: A = "",
-      email: W = "",
+      email: H = "",
       nickname: fe = ""
-    } = w, H = {
+    } = w, Z = {
       id: g,
       postId: e,
       content: b,
       createdAt: /* @__PURE__ */ new Date(),
       user: {
         avatar: A,
-        email: W,
+        email: H,
         name: fe || R
       },
       userId: O,
@@ -4822,16 +4822,16 @@ const An = Sa("store", () => {
       isNew: !0
     };
     if (I || T) {
-      H.ancestorId = I, H.parentId = T;
+      Z.ancestorId = I, Z.parentId = T;
       const L = i.value[I];
       if (I === T)
-        L.children || (L.children = []), L.children.unshift(H);
+        L.children || (L.children = []), L.children.unshift(Z);
       else {
         const K = L.children.findIndex((oe) => Number(oe.id) === T);
-        L.children.splice(K + 1, 0, H);
+        L.children.splice(K + 1, 0, Z);
       }
     } else
-      H.ancestorId = 0, H.parentId = 0, i.value = { [g]: H, ...i.value };
+      Z.ancestorId = 0, Z.parentId = 0, i.value = { [g]: Z, ...i.value };
     r.value++;
   }
   return {
@@ -4846,7 +4846,7 @@ const An = Sa("store", () => {
     loadComments: d,
     addComment: p
   };
-}), Ba = ["onSubmit"], Ja = { class: "ac-form-control border border-neutral bg-base-200 rounded-lg" }, Ya = /* @__PURE__ */ X("label", {
+}), Ba = ["onSubmit"], Ja = { class: "ac-form-control border border-neutral bg-base-200 rounded-lg" }, Ya = /* @__PURE__ */ W("label", {
   class: "sr-only",
   for: "ac-comment"
 }, "Your comment", -1), qa = ["onKeydown"], Ga = { class: "p-2 rounded-b-lg bg-base-300 flex items-center" }, Qa = {
@@ -4869,7 +4869,7 @@ const An = Sa("store", () => {
   },
   emits: ["close"],
   setup(e, { emit: t }) {
-    const n = e, o = $i(), s = An(), i = Te("ApiBaseUrl"), r = Te("Auth0Domain"), c = "0.4.3", a = Q(), l = Q(!1), f = Q(""), d = Q("");
+    const n = e, o = $i(), s = An(), i = Te("ApiBaseUrl"), r = Te("Auth0Domain"), c = "0.4.4", a = Q(), l = Q(!1), f = Q(""), d = Q("");
     async function p(I) {
       if (!o.user.value)
         return g();
@@ -4915,9 +4915,9 @@ const An = Sa("store", () => {
       class: "mb-6",
       onSubmit: ma(p, ["prevent"])
     }, [
-      X("div", Ja, [
+      W("div", Ja, [
         Ya,
-        Gr(X("textarea", {
+        Gr(W("textarea", {
           class: "ac-textarea ac-textarea-bordered bg-base-200 rounded-b-none focus:outline-none",
           id: "ac-comment",
           ref_key: "textarea",
@@ -4933,10 +4933,10 @@ const An = Sa("store", () => {
         }, null, 40, qa), [
           [da, f.value]
         ]),
-        X("div", Ga, [
+        W("div", Ga, [
           I.noVersion ? be("", !0) : (D(), q("div", Qa, "v" + ve(Y(c)), 1)),
           d.value ? (D(), q("div", el, ve(d.value), 1)) : be("", !0),
-          X("button", {
+          W("button", {
             class: "ac-btn ac-btn-primary ac-btn-sm ml-auto",
             disabled: l.value
           }, [
@@ -4998,21 +4998,24 @@ function Ss(e) {
   }
   return n;
 }
-const rl = ["id"], cl = { class: "p-6 text-base bg-base-200 rounded-lg dark:bg-gray-900" }, al = { class: "flex justify-between items-center mb-2" }, ll = { class: "flex items-center text-sm text-base-content dark:text-white" }, ul = { class: "avatar mr-2" }, fl = {
+const rl = ["id"], cl = { class: "p-6 text-base bg-base-200 rounded-lg dark:bg-gray-900" }, al = { class: "flex justify-between items-center font-sans mb-2" }, ll = { class: "flex items-center text-sm text-base-content dark:text-white" }, ul = { class: "ac-avatar mr-2" }, fl = {
   key: 0,
   class: "w-6 h-6"
 }, dl = ["src", "alt"], hl = { class: "text-neutral-content mix-blend-color-dodge uppercase font-bold leading-6" }, pl = {
   key: 0,
-  class: "bi bi-patch-check-fill text-success ml-2"
-}, ml = ["datetime", "title"], gl = ["href"], bl = /* @__PURE__ */ X("i", { class: "bi bi-reply-fill h-4 w-4" }, null, -1), _l = [
-  bl
-], yl = ["innerHTML"], wl = {
+  class: "ac-tooltip ml-2",
+  "data-tip": "Admin"
+}, ml = /* @__PURE__ */ W("i", { class: "bi bi-patch-check-fill text-success" }, null, -1), gl = [
+  ml
+], bl = ["href"], _l = ["datetime", "title"], yl = ["href"], wl = /* @__PURE__ */ W("i", { class: "bi bi-reply-fill h-4 w-4" }, null, -1), vl = [
+  wl
+], kl = ["innerHTML"], xl = {
   key: 0,
   class: "italic mt-4 text-gray-500 mb-0 text-sm dark:text-gray-400"
-}, vl = {
+}, Il = {
   name: "CommentItem"
-}, kl = /* @__PURE__ */ In({
-  ...vl,
+}, Cl = /* @__PURE__ */ In({
+  ...Il,
   props: {
     comment: {},
     isFirstLevel: { type: Boolean },
@@ -5020,107 +5023,115 @@ const rl = ["id"], cl = { class: "p-6 text-base bg-base-200 rounded-lg dark:bg-g
   },
   setup(e) {
     const t = e, n = An();
-    function o(s) {
-      return t.ancestorId && n.comments[t.ancestorId]?.children?.find((c) => Number(c.id) === Number(s))?.user?.name || "";
+    function o(i) {
+      return `${location.origin}${location.pathname}#awcm-${i}`;
     }
-    return (s, i) => {
-      const r = uc("comment-item", !0);
+    function s(i) {
+      return t.ancestorId && n.comments[t.ancestorId]?.children?.find((a) => Number(a.id) === Number(i))?.user?.name || "";
+    }
+    return (i, r) => {
+      const c = uc("comment-item", !0);
       return D(), q("div", {
-        class: _n(["comment-item rounded-lg my-4", { "animated flash": s.comment.isNew }]),
-        id: "awcm-" + s.comment.id,
-        onAnimationend: i[2] || (i[2] = (c) => s.comment.isNew = !1)
+        class: _n(["comment-item rounded-lg my-4", { "animated flash": i.comment.isNew }]),
+        id: "awcm-" + i.comment.id,
+        onAnimationend: r[2] || (r[2] = (a) => i.comment.isNew = !1)
       }, [
-        X("article", cl, [
-          X("header", al, [
-            X("div", ll, [
-              X("div", ul, [
-                s.comment.user.avatar ? (D(), q("div", fl, [
-                  X("img", {
+        W("article", cl, [
+          W("header", al, [
+            W("div", ll, [
+              W("div", ul, [
+                i.comment.user.avatar ? (D(), q("div", fl, [
+                  W("img", {
                     class: "rounded-full max-w-full max-h-full",
-                    src: s.comment.user.avatar,
-                    alt: s.comment.user.name
+                    src: i.comment.user.avatar,
+                    alt: i.comment.user.name
                   }, null, 8, dl)
                 ])) : (D(), q("div", {
                   key: 1,
                   class: "avatar-char rounded-full w-6 h-6 text-center",
-                  style: bn({ "background-color": Y(il)(s.comment.user.name || "Anonymous") })
+                  style: bn({ "background-color": Y(il)(i.comment.user.name || "Anonymous") })
                 }, [
-                  X("span", hl, ve((s.comment.user.name || "Anonymous").substring(0, 1)), 1)
+                  W("span", hl, ve((i.comment.user.name || "Anonymous").substring(0, 1)), 1)
                 ], 4))
               ]),
-              Sn(ve(s.comment.user.name), 1),
-              s.comment.isAdmin ? (D(), q("i", pl)) : be("", !0),
-              X("time", {
-                class: "text-xs text-gray-600 ml-4 dark:text-gray-400",
-                pubdate: "",
-                datetime: s.comment.createdAt,
-                title: Y(Ss)(s.comment.createdAt)
-              }, ve(Y(Ss)(s.comment.createdAt)), 9, ml),
-              !s.isFirstLevel && s.comment.parent_id !== s.comment.ancestor_id ? (D(), q("a", {
+              Sn(ve(i.comment.user.name), 1),
+              i.comment.isAdmin ? (D(), q("div", pl, gl)) : be("", !0),
+              W("a", {
+                class: "ml-4 no-underline hover:underline",
+                href: o(i.comment.id)
+              }, [
+                W("time", {
+                  class: "text-xs text-gray-600 dark:text-gray-400",
+                  pubdate: "",
+                  datetime: i.comment.createdAt,
+                  title: Y(Ss)(i.comment.createdAt)
+                }, ve(Y(Ss)(i.comment.createdAt)), 9, _l)
+              ], 8, bl),
+              !i.isFirstLevel && i.comment.parent_id !== i.comment.ancestor_id ? (D(), q("a", {
                 key: 1,
                 class: "text-xs link link-hover ml-4",
-                href: "#awcm-" + s.comment.parent_id
-              }, "reply to " + ve(o(s.comment.parent_id)) + "(#" + ve(s.comment.parent_id) + ")", 9, gl)) : be("", !0)
+                href: "#awcm-" + i.comment.parent_id
+              }, "reply to " + ve(s(i.comment.parent_id)) + "(#" + ve(i.comment.parent_id) + ")", 9, yl)) : be("", !0)
             ]),
-            X("button", {
+            W("button", {
               class: "ac-btn ac-btn-sm ac-btn-circle border-0",
               type: "button",
-              onClick: i[0] || (i[0] = (c) => s.comment.isReplying = !s.comment.isReplying)
-            }, _l)
+              onClick: r[0] || (r[0] = (a) => i.comment.isReplying = !i.comment.isReplying)
+            }, vl)
           ]),
-          X("p", {
+          W("p", {
             class: "text-gray-500 dark:text-gray-400",
-            innerHTML: Y(co)(s.comment.content)
-          }, null, 8, yl),
-          s.comment.status === Y(No).Pending ? (D(), q("p", wl, "comments normally got approved within 24 hours")) : be("", !0)
+            innerHTML: Y(co)(i.comment.content)
+          }, null, 8, kl),
+          i.comment.status === Y(No).Pending ? (D(), q("p", xl, "comments normally got approved within 24 hours")) : be("", !0)
         ]),
-        s.comment.isReplying && s.isFirstLevel ? (D(), Lt(ro, {
+        i.comment.isReplying && i.isFirstLevel ? (D(), Lt(ro, {
           key: 0,
           class: "mt-3 ml-12",
           "no-version": "",
-          "ancestor-id": Number(s.ancestorId),
-          "parent-id": Number(s.comment.id),
-          onClose: i[1] || (i[1] = (c) => s.comment.isReplying = !1)
+          "ancestor-id": Number(i.ancestorId),
+          "parent-id": Number(i.comment.id),
+          onClose: r[1] || (r[1] = (a) => i.comment.isReplying = !1)
         }, null, 8, ["ancestor-id", "parent-id"])) : be("", !0),
-        s.comment.children?.length ? (D(!0), q(ye, { key: 1 }, pi(s.comment.children, (c) => (D(), Lt(r, {
+        i.comment.children?.length ? (D(!0), q(ye, { key: 1 }, pi(i.comment.children, (a) => (D(), Lt(c, {
           class: "ml-12",
-          key: c.id,
-          comment: c,
-          "ancestor-id": Number(s.ancestorId),
+          key: a.id,
+          comment: a,
+          "ancestor-id": Number(i.ancestorId),
           "is-first-level": !1
         }, null, 8, ["comment", "ancestor-id"]))), 128)) : be("", !0),
-        s.comment.isReplying && !s.isFirstLevel ? (D(), Lt(ro, {
+        i.comment.isReplying && !i.isFirstLevel ? (D(), Lt(ro, {
           key: 2,
           class: "mt-3 ml-12",
-          "ancestor-id": Number(s.ancestorId),
-          "parent-id": Number(s.comment.id)
+          "ancestor-id": Number(i.ancestorId),
+          "parent-id": Number(i.comment.id)
         }, null, 8, ["ancestor-id", "parent-id"])) : be("", !0)
       ], 42, rl);
     };
   }
-}), xl = {
+}), Tl = {
   key: 0,
   class: "comments-wrapper"
-}, Il = ["disabled"], Cl = {
+}, Ol = ["disabled"], Sl = {
   key: 0,
   class: "ac-loading ac-loading-xs ac-loading-spinner"
-}, Tl = {
+}, Pl = {
   key: 1,
   class: "pt-8 text-center"
-}, Ol = /* @__PURE__ */ X("span", { class: "ac-loading ac-loading-spinner" }, null, -1), Sl = [
-  Ol
-], Pl = {
+}, El = /* @__PURE__ */ W("span", { class: "ac-loading ac-loading-spinner" }, null, -1), jl = [
+  El
+], Al = {
   name: "CommentSections"
-}, El = /* @__PURE__ */ In({
-  ...Pl,
+}, Rl = /* @__PURE__ */ In({
+  ...Al,
   setup(e) {
     const t = An();
     t.loadComments();
     function n() {
       t.start += 20, t.loadComments();
     }
-    return (o, s) => Y(t).isLoaded ? (D(), q("div", xl, [
-      (D(!0), q(ye, null, pi(Object.values(Y(t).comments).reverse(), (i) => (D(), Lt(kl, {
+    return (o, s) => Y(t).isLoaded ? (D(), q("div", Tl, [
+      (D(!0), q(ye, null, pi(Object.values(Y(t).comments).reverse(), (i) => (D(), Lt(Cl, {
         key: i.id,
         comment: i,
         "ancestor-id": Number(i.id),
@@ -5133,35 +5144,35 @@ const rl = ["id"], cl = { class: "p-6 text-base bg-base-200 rounded-lg dark:bg-g
         onClick: n,
         disabled: Y(t).loadingMore
       }, [
-        Y(t).loadingMore ? (D(), q("span", Cl)) : be("", !0),
+        Y(t).loadingMore ? (D(), q("span", Sl)) : be("", !0),
         Sn("Load More")
-      ], 8, Il)) : be("", !0)
-    ])) : (D(), q("div", Tl, Sl));
+      ], 8, Ol)) : be("", !0)
+    ])) : (D(), q("div", Pl, jl));
   }
-}), jl = { class: "awesome-comment" }, Al = {
+}), Nl = { class: "awesome-comment" }, Ll = {
   key: 0,
   class: "ac-alert ac-alert-error mb-4"
-}, Rl = { class: "flex justify-between items-center py-2" }, Nl = { class: "text-lg font-bold text-base-content my-0" }, Ll = {
+}, Ml = { class: "flex justify-between items-center py-2" }, Fl = { class: "text-lg font-bold text-base-content my-0" }, $l = {
   key: 0,
   class: "ac-loading ac-loading-spinner"
-}, Ml = {
+}, Kl = {
   key: 1,
   class: "ac-dropdown ac-dropdown-end"
-}, Fl = {
+}, zl = {
   key: 0,
   class: "ac-avatar flex",
   tabindex: "0"
-}, $l = { class: "w-6 h-6 rounded-full" }, Kl = ["alt", "src"], zl = {
+}, Ul = { class: "w-6 h-6 rounded-full" }, Dl = ["alt", "src"], Wl = {
   key: 1,
   class: "ac-btn ac-btn-ghost",
   tabindex: "0"
-}, Ul = {
+}, Hl = {
   class: "ac-dropdown-content z-10 ac-menu p-2 shadow bg-base-100 rounded-box w-52",
   tabindex: "0"
-}, Dl = {
+}, Zl = {
   key: 0,
   class: "border-b border-neutral pb-2 mb-2 pointer-events-none"
-}, Wl = { class: "text-base-content" }, Hl = ["disabled"], Zl = ["disabled"], Vl = /* @__PURE__ */ In({
+}, Vl = { class: "text-base-content" }, Xl = ["disabled"], Bl = ["disabled"], Jl = /* @__PURE__ */ In({
   __name: "App",
   setup(e) {
     const t = An(), {
@@ -5171,13 +5182,13 @@ const rl = ["id"], cl = { class: "p-6 text-base bg-base-200 rounded-lg dark:bg-g
       loginWithPopup: i,
       logout: r
     } = $i(), c = Oo(() => {
-      const f = t.total > 20 || t.total === 20 && t.hasMore ? t.total + "+" : t.total;
+      const f = t.hasMore ? t.total + "+" : t.total;
       if (t.total === 0)
         return "0";
       const d = new CustomEvent("AwesomeComment:total", {
         bubbles: !0,
         cancelable: !0,
-        detail: f
+        detail: t.total
       });
       return document.body.dispatchEvent(d), f;
     });
@@ -5189,34 +5200,34 @@ const rl = ["id"], cl = { class: "p-6 text-base bg-base-200 rounded-lg dark:bg-g
         openUrl: !1
       });
     }
-    return (f, d) => (D(), q("div", jl, [
-      Y(t).message ? (D(), q("div", Al, [
-        X("p", null, ve(Y(t).message), 1)
+    return (f, d) => (D(), q("div", Nl, [
+      Y(t).message ? (D(), q("div", Ll, [
+        W("p", null, ve(Y(t).message), 1)
       ])) : be("", !0),
-      X("header", Rl, [
-        X("h2", Nl, "Discussion (" + ve(c.value) + ")", 1),
-        Y(o) ? (D(), q("span", Ll)) : (D(), q("div", Ml, [
+      W("header", Ml, [
+        W("h2", Fl, "Discussion (" + ve(c.value) + ")", 1),
+        Y(o) ? (D(), q("span", $l)) : (D(), q("div", Kl, [
           Y(n) && Y(s) ? (D(), q(ye, { key: 0 }, [
-            Y(s).picture ? (D(), q("label", Fl, [
-              X("div", $l, [
-                X("img", {
+            Y(s).picture ? (D(), q("label", zl, [
+              W("div", Ul, [
+                W("img", {
                   class: "w-full h-full block",
                   alt: Y(s).name || Y(s).email,
                   src: Y(s).picture
-                }, null, 8, Kl)
+                }, null, 8, Dl)
               ])
-            ])) : (D(), q("label", zl, ve(Y(s).email), 1)),
-            X("ul", Ul, [
-              Y(s).picture ? (D(), q("li", Dl, [
-                X("span", Wl, ve(Y(s).email), 1)
+            ])) : (D(), q("label", Wl, ve(Y(s).email), 1)),
+            W("ul", Hl, [
+              Y(s).picture ? (D(), q("li", Zl, [
+                W("span", Vl, ve(Y(s).email), 1)
               ])) : be("", !0),
-              X("li", null, [
-                X("button", {
+              W("li", null, [
+                W("button", {
                   class: "border-0 bg-base-100",
                   type: "button",
                   disabled: Y(o),
                   onClick: l
-                }, "Logout", 8, Hl)
+                }, "Logout", 8, Xl)
               ])
             ])
           ], 64)) : (D(), q("button", {
@@ -5225,17 +5236,17 @@ const rl = ["id"], cl = { class: "p-6 text-base bg-base-200 rounded-lg dark:bg-g
             type: "button",
             disabled: Y(o),
             onClick: a
-          }, "Login", 8, Zl))
+          }, "Login", 8, Bl))
         ]))
       ]),
       Oe(ro),
-      Oe(El)
+      Oe(Rl)
     ]));
   }
 }), Ps = [];
 let Ki = null;
-function Xl(e, t) {
-  const n = ya(Vl), o = ka(), s = Ki || Fi({
+function Yl(e, t) {
+  const n = ya(Jl), o = ka(), s = Ki || Fi({
     domain: e,
     clientId: t,
     authorizationParams: {
@@ -5244,14 +5255,14 @@ function Xl(e, t) {
   });
   return n.use(s), n.use(o), n;
 }
-const Bl = {
+const ql = {
   postId: "",
   apiUrl: "",
   domain: "",
   clientId: "",
   init(e, t, n, o, s) {
     t ??= this.postId, n ??= this.apiUrl, o ??= this.domain, s ??= this.clientId;
-    const i = Xl(o, s);
+    const i = Yl(o, s);
     i.provide("ApiBaseUrl", n), i.provide("postId", t), i.provide("Auth0Domain", o), i.provide("comments", Ps), i.mount(e);
   },
   async preload(e, t, n, o) {
@@ -5269,5 +5280,5 @@ const Bl = {
   }
 };
 export {
-  Bl as default
+  ql as default
 };