@lauravivan/notion-portfolio 1.0.3 → 1.0.5

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { ref as M, provide as $t, computed as ge, inject as me, defineComponent as V, shallowRef as br, onMounted as Ce, watch as ve, onUnmounted as Or, h as Sn, nextTick as gt, createElementBlock as O, createCommentVNode as B, openBlock as v, createVNode as P, unref as A, createElementVNode as f, withModifiers as Re, renderSlot as U, effectScope as ss, markRaw as Oe, toRaw as Ye, hasInjectionContext as Lt, getCurrentInstance as rs, reactive as Sr, isRef as Ve, isReactive as nn, toRef as It, getCurrentScope as Ar, onScopeDispose as Tr, toRefs as An, resolveComponent as pe, normalizeClass as re, withCtx as q, toDisplayString as H, Fragment as X, renderList as ce, createBlock as ie, normalizeStyle as Be, Teleport as is, resolveDynamicComponent as as, createTextVNode as Ee, withDirectives as kr, vModelCheckbox as Cr, onBeforeUnmount as Ot } from "vue";
+import { ref as B, provide as $t, computed as ge, inject as me, defineComponent as $, shallowRef as br, onMounted as Ce, watch as ve, onUnmounted as Or, h as Sn, nextTick as gt, createElementBlock as E, createCommentVNode as R, openBlock as v, createVNode as P, unref as A, createElementVNode as f, withModifiers as Re, renderSlot as U, effectScope as ss, markRaw as be, toRaw as Ye, hasInjectionContext as Lt, getCurrentInstance as rs, reactive as Sr, isRef as Ve, isReactive as nn, toRef as It, getCurrentScope as Ar, onScopeDispose as Tr, toRefs as An, resolveComponent as he, normalizeClass as re, withCtx as q, toDisplayString as H, Fragment as X, renderList as ce, createBlock as ie, normalizeStyle as Be, Teleport as is, resolveDynamicComponent as as, createTextVNode as Ae, withDirectives as kr, vModelCheckbox as Cr, onBeforeUnmount as Ot } from "vue";
 const Ft = "mainContainerDefault", Mt = "mainContentDefault", us = "notion-portfolio-dynamic-page-info", ls = "notion-portfolio-active-tab", cs = "notion-portfolio-tabs", ds = "notion-portfolio-theme", fs = "notion-portfolio-aside", wr = (e) => {
   localStorage.setItem(ls, JSON.stringify(e));
 }, Ir = () => {
@@ -53,7 +53,7 @@ const Ft = "mainContainerDefault", Mt = "mainContentDefault", us = "notion-portf
 }, Fr = (e) => {
   localStorage.setItem(cs, ms(e));
 };
-var j = /* @__PURE__ */ ((e) => (e.sandwich = "eva:menu-outline", e.doubleArrowRight = "eva:arrowhead-right-outline", e.doubleArrowLeft = "eva:arrowhead-left-outline", e.settings = "eva:settings-fill", e.gridView = "eva:grid-outline", e.moreHorizontal = "eva:more-horizontal-outline", e.arrowDown = "eva:arrow-ios-downward-outline", e.arrowRight = "eva:arrow-ios-forward-outline", e.arrowDownFilled = "eva:caret-down", e.arrowRightFilled = "eva:caret-forward", e.check = "eva:checkmark-outline", e.circle = "famicons:ellipse", e.forkCode = "eva:git-network-outline", e.star = "eva:star-outline", e.eye = "eva:eye-outline", e.code = "eva:code-slash-outline", e.link = "eva:link-outline", e.add = "eva:plus-outline", e.expand = "eva:expand-outline", e.clock = "eva:time-outline", e.list = "eva:list-outline", e.close = "eva:close-outline", e.search = "eva:search-outline", e.arrowLink = "eva:diagonal-arrow-right-up-fill", e))(j || {}), vs = /* @__PURE__ */ ((e) => (e["font-roboto"] = "Default", e["font-roboto-serif"] = "Serif", e["font-roboto-mono"] = "Mono", e))(vs || {}), mt = /* @__PURE__ */ ((e) => (e["light-theme"] = "Light Theme", e["dark-theme"] = "Dark Theme", e["cat-latte"] = "Cat Latte", e["cat-mocha"] = "Cat Mocha", e))(mt || {});
+var j = /* @__PURE__ */ ((e) => (e.sandwich = "eva:menu-outline", e.doubleArrowRight = "eva:arrowhead-right-outline", e.doubleArrowLeft = "eva:arrowhead-left-outline", e.settings = "eva:settings-fill", e.gridView = "eva:grid-outline", e.moreHorizontal = "eva:more-horizontal-fill", e.arrowDown = "eva:arrow-ios-downward-outline", e.arrowRight = "eva:arrow-ios-forward-outline", e.arrowDownFilled = "eva:caret-down", e.arrowRightFilled = "eva:caret-forward", e.check = "eva:checkmark-outline", e.circle = "famicons:ellipse", e.forkCode = "eva:git-network-outline", e.star = "eva:star-outline", e.eye = "eva:eye-outline", e.code = "eva:code-slash-outline", e.link = "eva:link-outline", e.add = "eva:plus-outline", e.expand = "eva:expand-outline", e.clock = "eva:time-outline", e.list = "eva:list-outline", e.close = "eva:close-outline", e.search = "eva:search-outline", e.arrowLink = "eva:diagonal-arrow-right-up-fill", e))(j || {}), vs = /* @__PURE__ */ ((e) => (e["font-roboto"] = "Default", e["font-roboto-serif"] = "Serif", e["font-roboto-mono"] = "Mono", e))(vs || {}), mt = /* @__PURE__ */ ((e) => (e["light-theme"] = "Light Theme", e["dark-theme"] = "Dark Theme", e["cat-latte"] = "Cat Latte", e["cat-mocha"] = "Cat Mocha", e))(mt || {});
 const Mr = (e) => {
   localStorage.setItem(ds, e);
 }, Br = () => {
@@ -62,8 +62,8 @@ const Mr = (e) => {
 }, Ur = (e) => {
   localStorage.setItem(fs, JSON.stringify(e));
 }, sn = () => JSON.parse(localStorage.getItem(fs)) || !1;
-function Ld() {
-  const e = sn(), t = M(!e), n = M(!e);
+function Bd() {
+  const e = sn(), t = B(!e), n = B(!e);
   $t(Ft, t), $t(Mt, n);
   const o = ge(() => ({
     "main-content-default": n.value,
@@ -94,7 +94,7 @@ const jr = () => ({
   }
 });
 function Xe({ provideName: e }) {
-  const t = document.body, n = M(null);
+  const t = document.body, n = B(null);
   $t(e, n);
   function o() {
     n.value && n.value && (n.value.style.display = "none", n.value.style.pointerEvents = "", t.style.pointerEvents = "auto", t.removeEventListener("click", r), t.removeEventListener("touchstart", r));
@@ -125,7 +125,7 @@ function Cn({
   provideName: e,
   isActive: t
 }) {
-  const n = M(t), o = me(e, M(!1));
+  const n = B(t), o = me(e, B(!1));
   function s() {
     n.value = !n.value, o && o.value && (o.value = n.value);
   }
@@ -423,45 +423,45 @@ function si(e, t) {
     height: n.height
   };
   let r = n.body;
-  [n, o].forEach((b) => {
-    const _ = [], E = b.hFlip, C = b.vFlip;
-    let w = b.rotate;
-    E ? C ? w += 2 : (_.push(
+  [n, o].forEach((O) => {
+    const h = [], y = O.hFlip, C = O.vFlip;
+    let w = O.rotate;
+    y ? C ? w += 2 : (h.push(
       "translate(" + (s.width + s.left).toString() + " " + (0 - s.top).toString() + ")"
-    ), _.push("scale(-1 1)"), s.top = s.left = 0) : C && (_.push(
+    ), h.push("scale(-1 1)"), s.top = s.left = 0) : C && (h.push(
       "translate(" + (0 - s.left).toString() + " " + (s.height + s.top).toString() + ")"
-    ), _.push("scale(1 -1)"), s.top = s.left = 0);
+    ), h.push("scale(1 -1)"), s.top = s.left = 0);
     let N;
     switch (w < 0 && (w -= Math.floor(w / 4) * 4), w = w % 4, w) {
       case 1:
-        N = s.height / 2 + s.top, _.unshift(
+        N = s.height / 2 + s.top, h.unshift(
           "rotate(90 " + N.toString() + " " + N.toString() + ")"
         );
         break;
       case 2:
-        _.unshift(
+        h.unshift(
           "rotate(180 " + (s.width / 2 + s.left).toString() + " " + (s.height / 2 + s.top).toString() + ")"
         );
         break;
       case 3:
-        N = s.width / 2 + s.left, _.unshift(
+        N = s.width / 2 + s.left, h.unshift(
           "rotate(-90 " + N.toString() + " " + N.toString() + ")"
         );
         break;
     }
-    w % 2 === 1 && (s.left !== s.top && (N = s.left, s.left = s.top, s.top = N), s.width !== s.height && (N = s.width, s.width = s.height, s.height = N)), _.length && (r = ni(
+    w % 2 === 1 && (s.left !== s.top && (N = s.left, s.left = s.top, s.top = N), s.width !== s.height && (N = s.width, s.width = s.height, s.height = N)), h.length && (r = ni(
       r,
-      '<g transform="' + _.join(" ") + '">',
+      '<g transform="' + h.join(" ") + '">',
       "</g>"
     ));
   });
   const i = o.width, a = o.height, u = s.width, l = s.height;
   let c, d;
   i === null ? (d = a === null ? "1em" : a === "auto" ? l : a, c = Dn(d, u / l)) : (c = i === "auto" ? u : i, d = a === null ? Dn(c, l / u) : a === "auto" ? l : a);
-  const p = {}, h = (b, _) => {
-    oi(_) || (p[b] = _.toString());
+  const p = {}, _ = (O, h) => {
+    oi(h) || (p[O] = h.toString());
   };
-  h("width", c), h("height", d);
+  _("width", c), _("height", d);
   const m = [s.left, s.top, u, l];
   return p.viewBox = m.join(" "), {
     attributes: p,
@@ -755,32 +755,32 @@ function Ai(e, t, n, o) {
   } else
     i = e.resources.slice(r).concat(e.resources.slice(0, r));
   const a = Date.now();
-  let u = "pending", l = 0, c, d = null, p = [], h = [];
-  typeof o == "function" && h.push(o);
+  let u = "pending", l = 0, c, d = null, p = [], _ = [];
+  typeof o == "function" && _.push(o);
   function m() {
     d && (clearTimeout(d), d = null);
   }
-  function b() {
+  function O() {
     u === "pending" && (u = "aborted"), m(), p.forEach((D) => {
       D.status === "pending" && (D.status = "aborted");
     }), p = [];
   }
-  function _(D, k) {
-    k && (h = []), typeof D == "function" && h.push(D);
+  function h(D, k) {
+    k && (_ = []), typeof D == "function" && _.push(D);
   }
-  function E() {
+  function y() {
     return {
       startTime: a,
       payload: t,
       status: u,
       queriesSent: l,
       queriesPending: p.length,
-      subscribe: _,
-      abort: b
+      subscribe: h,
+      abort: O
     };
   }
   function C() {
-    u = "failed", h.forEach((D) => {
+    u = "failed", _.forEach((D) => {
       D(void 0, c);
     });
   }
@@ -789,9 +789,9 @@ function Ai(e, t, n, o) {
       D.status === "pending" && (D.status = "aborted");
     }), p = [];
   }
-  function N(D, k, L) {
+  function N(D, k, F) {
     const I = k !== "success";
-    switch (p = p.filter((y) => y !== D), u) {
+    switch (p = p.filter((b) => b !== D), u) {
       case "pending":
         break;
       case "failed":
@@ -802,19 +802,19 @@ function Ai(e, t, n, o) {
         return;
     }
     if (k === "abort") {
-      c = L, C();
+      c = F, C();
       return;
     }
     if (I) {
-      c = L, p.length || (i.length ? Y() : C());
+      c = F, p.length || (i.length ? Y() : C());
       return;
     }
     if (m(), w(), !e.random) {
-      const y = e.resources.indexOf(D.resource);
-      y !== -1 && y !== e.index && (e.index = y);
+      const b = e.resources.indexOf(D.resource);
+      b !== -1 && b !== e.index && (e.index = b);
     }
-    u = "completed", h.forEach((y) => {
-      y(L);
+    u = "completed", _.forEach((b) => {
+      b(F);
     });
   }
   function Y() {
@@ -835,13 +835,13 @@ function Ai(e, t, n, o) {
     const k = {
       status: "pending",
       resource: D,
-      callback: (L, I) => {
-        N(k, L, I);
+      callback: (F, I) => {
+        N(k, F, I);
       }
     };
     p.push(k), l++, d = setTimeout(Y, e.rotate), n(D, t, k.callback);
   }
-  return setTimeout(Y), E;
+  return setTimeout(Y), y;
 }
 function ws(e) {
   const t = {
@@ -972,13 +972,13 @@ function Ii(e, t) {
       s.forEach((c) => {
         const d = r(c, o, n);
         Rn(d, (p) => {
-          const h = p ? {
+          const _ = p ? {
             prefix: o,
             icons: {
               [c]: p
             }
           } : null;
-          Ge(e, [c], h);
+          Ge(e, [c], _);
         });
       });
       return;
@@ -1023,8 +1023,8 @@ const Di = (e, t) => {
     const d = s[l] || (s[l] = /* @__PURE__ */ Object.create(null));
     d[c] || (d[c] = []);
   }), o.pending.forEach((u) => {
-    const { provider: l, prefix: c, name: d } = u, p = $e(l, c), h = p.pendingIcons || (p.pendingIcons = /* @__PURE__ */ new Set());
-    h.has(d) || (h.add(d), s[l][c].push(d));
+    const { provider: l, prefix: c, name: d } = u, p = $e(l, c), _ = p.pendingIcons || (p.pendingIcons = /* @__PURE__ */ new Set());
+    _.has(d) || (_.add(d), s[l][c].push(d));
   }), r.forEach((u) => {
     const l = s[u.provider][u.prefix];
     l.length && Ii(u, l);
@@ -1132,10 +1132,10 @@ function Fn(e) {
 }
 const Mn = (e, t) => {
   const n = Pi(Vn, t), o = { ...Mi }, s = t.mode || "svg", r = {}, i = t.style, a = typeof i == "object" && !(i instanceof Array) ? i : {};
-  for (let b in t) {
-    const _ = t[b];
-    if (_ !== void 0)
-      switch (b) {
+  for (let O in t) {
+    const h = t[O];
+    if (h !== void 0)
+      switch (O) {
         // Properties to ignore
         case "icon":
         case "style":
@@ -1147,28 +1147,28 @@ const Mn = (e, t) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          n[b] = _ === !0 || _ === "true" || _ === 1;
+          n[O] = h === !0 || h === "true" || h === 1;
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
-          typeof _ == "string" && Ni(n, _);
+          typeof h == "string" && Ni(n, h);
           break;
         // Color: override style
         case "color":
-          r.color = _;
+          r.color = h;
           break;
         // Rotation as string
         case "rotate":
-          typeof _ == "string" ? n[b] = Ri(_) : typeof _ == "number" && (n[b] = _);
+          typeof h == "string" ? n[O] = Ri(h) : typeof h == "number" && (n[O] = h);
           break;
         // Remove aria-hidden
         case "ariaHidden":
         case "aria-hidden":
-          _ !== !0 && _ !== "true" && delete o["aria-hidden"];
+          h !== !0 && h !== "true" && delete o["aria-hidden"];
           break;
         default: {
-          const E = lt[b];
-          E ? (_ === !0 || _ === "true" || _ === 1) && (n[E] = !0) : Vn[b] === void 0 && (o[b] = _);
+          const y = lt[O];
+          y ? (h === !0 || h === "true" || h === 1) && (n[y] = !0) : Vn[O] === void 0 && (o[O] = h);
         }
       }
   }
@@ -1178,10 +1178,10 @@ const Mn = (e, t) => {
       ...r,
       ...a
     }, Object.assign(o, l);
-    let b = 0, _ = t.id;
-    return typeof _ == "string" && (_ = _.replace(/-/g, "_")), o.innerHTML = ui(u.body, _ ? () => _ + "ID" + b++ : "iconifyVue"), Sn("svg", o);
+    let O = 0, h = t.id;
+    return typeof h == "string" && (h = h.replace(/-/g, "_")), o.innerHTML = ui(u.body, h ? () => h + "ID" + O++ : "iconifyVue"), Sn("svg", o);
   }
-  const { body: c, width: d, height: p } = e, h = s === "mask" || (s === "bg" ? !1 : c.indexOf("currentColor") !== -1), m = Vi(c, {
+  const { body: c, width: d, height: p } = e, _ = s === "mask" || (s === "bg" ? !1 : c.indexOf("currentColor") !== -1), m = Vi(c, {
     ...l,
     width: d + "",
     height: p + ""
@@ -1192,7 +1192,7 @@ const Mn = (e, t) => {
     width: Fn(l.width),
     height: Fn(l.height),
     ...Bi,
-    ...h ? Ht : Is,
+    ..._ ? Ht : Is,
     ...a
   }, Sn("span", o);
 };
@@ -1232,12 +1232,12 @@ if (typeof document < "u" && typeof window < "u") {
 const Ui = {
   ...At,
   body: ""
-}, ji = V((e, { emit: t }) => {
-  const n = M(null);
+}, ji = $((e, { emit: t }) => {
+  const n = B(null);
   function o() {
     n.value && (n.value.abort?.(), n.value = null);
   }
-  const s = M(!!e.ssr), r = M(""), i = br(null);
+  const s = B(!!e.ssr), r = B(""), i = br(null);
   function a() {
     const l = e.icon;
     if (typeof l == "object" && l !== null && typeof l.body == "string")
@@ -1266,8 +1266,8 @@ const Ui = {
       const m = p(d.body, c.name, c.prefix, c.provider);
       typeof m == "string" && (d.body = m);
     }
-    const h = ["iconify"];
-    return c.prefix !== "" && h.push("iconify--" + c.prefix), c.provider !== "" && h.push("iconify--" + c.provider), { data: d, classes: h };
+    const _ = ["iconify"];
+    return c.prefix !== "" && _.push("iconify--" + c.prefix), c.provider !== "" && _.push("iconify--" + c.provider), { data: d, classes: _ };
   }
   function u() {
     const l = a();
@@ -1317,34 +1317,34 @@ const Ui = {
 }), Hi = {
   key: 0,
   class: "icon"
-}, te = /* @__PURE__ */ V({
+}, Q = /* @__PURE__ */ $({
   __name: "Icon",
   props: {
     icon: {}
   },
   setup(e) {
-    return (t, n) => e.icon ? (v(), O("div", Hi, [
+    return (t, n) => e.icon ? (v(), E("div", Hi, [
       P(A(ji), { icon: e.icon }, null, 8, ["icon"])
-    ])) : B("", !0);
+    ])) : R("", !0);
   }
-}), zi = { class: "toggle-list" }, Ki = { class: "details" }, Gi = { class: "details__summary" }, qi = { class: "details__summary--icon" }, Wi = { class: "details__summary--content" }, Yi = /* @__PURE__ */ V({
+}), zi = { class: "toggle-list" }, Ki = { class: "details" }, Gi = { class: "details__summary" }, qi = { class: "details__summary--icon" }, Wi = { class: "details__summary--content" }, Yi = /* @__PURE__ */ $({
   __name: "ToggleList",
   props: {
     iconToOpen: {},
     iconToClose: {}
   },
   setup(e) {
-    const t = M(), n = e, { toggleDisplay: o, setDisplayToNone: s } = jr(), r = M(n.iconToOpen), i = () => {
+    const t = B(), n = e, { toggleDisplay: o, setDisplayToNone: s } = jr(), r = B(n.iconToOpen), i = () => {
       o(t), (t.value ? t.value.style.display : null) === "block" ? r.value = n.iconToClose : r.value = n.iconToOpen;
     };
     return Ce(() => {
       s(t);
-    }), (a, u) => (v(), O("div", zi, [
+    }), (a, u) => (v(), E("div", zi, [
       f("table", Ki, [
         f("thead", null, [
           f("tr", Gi, [
             f("th", qi, [
-              P(te, {
+              P(Q, {
                 icon: r.value,
                 onClick: Re(i, ["prevent", "stop"])
               }, null, 8, ["icon"])
@@ -1408,10 +1408,10 @@ var Zi = Object.create, Ds = Object.defineProperty, Xi = Object.getOwnPropertyDe
       let a = null;
       return r.proto ? c : l;
       function u(d, p) {
-        const h = Object.keys(d), m = new Array(h.length);
-        for (let b = 0; b < h.length; b++) {
-          const _ = h[b], E = d[_];
-          typeof E != "object" || E === null ? m[_] = E : E.constructor !== Object && (a = i.get(E.constructor)) ? m[_] = a(E, p) : ArrayBuffer.isView(E) ? m[_] = n(E) : m[_] = p(E);
+        const _ = Object.keys(d), m = new Array(_.length);
+        for (let O = 0; O < _.length; O++) {
+          const h = _[O], y = d[h];
+          typeof y != "object" || y === null ? m[h] = y : y.constructor !== Object && (a = i.get(y.constructor)) ? m[h] = a(y, p) : ArrayBuffer.isView(y) ? m[h] = n(y) : m[h] = p(y);
         }
         return m;
       }
@@ -1421,10 +1421,10 @@ var Zi = Object.create, Ds = Object.defineProperty, Xi = Object.getOwnPropertyDe
         if (d.constructor !== Object && (a = i.get(d.constructor)))
           return a(d, l);
         const p = {};
-        for (const h in d) {
-          if (Object.hasOwnProperty.call(d, h) === !1) continue;
-          const m = d[h];
-          typeof m != "object" || m === null ? p[h] = m : m.constructor !== Object && (a = i.get(m.constructor)) ? p[h] = a(m, l) : ArrayBuffer.isView(m) ? p[h] = n(m) : p[h] = l(m);
+        for (const _ in d) {
+          if (Object.hasOwnProperty.call(d, _) === !1) continue;
+          const m = d[_];
+          typeof m != "object" || m === null ? p[_] = m : m.constructor !== Object && (a = i.get(m.constructor)) ? p[_] = a(m, l) : ArrayBuffer.isView(m) ? p[_] = n(m) : p[_] = l(m);
         }
         return p;
       }
@@ -1434,78 +1434,78 @@ var Zi = Object.create, Ds = Object.defineProperty, Xi = Object.getOwnPropertyDe
         if (d.constructor !== Object && (a = i.get(d.constructor)))
           return a(d, c);
         const p = {};
-        for (const h in d) {
-          const m = d[h];
-          typeof m != "object" || m === null ? p[h] = m : m.constructor !== Object && (a = i.get(m.constructor)) ? p[h] = a(m, c) : ArrayBuffer.isView(m) ? p[h] = n(m) : p[h] = c(m);
+        for (const _ in d) {
+          const m = d[_];
+          typeof m != "object" || m === null ? p[_] = m : m.constructor !== Object && (a = i.get(m.constructor)) ? p[_] = a(m, c) : ArrayBuffer.isView(m) ? p[_] = n(m) : p[_] = c(m);
         }
         return p;
       }
     }
     function s(r) {
       const i = [], a = [], u = /* @__PURE__ */ new Map();
-      if (u.set(Date, (h) => new Date(h)), u.set(Map, (h, m) => new Map(c(Array.from(h), m))), u.set(Set, (h, m) => new Set(c(Array.from(h), m))), r.constructorHandlers)
-        for (const h of r.constructorHandlers)
-          u.set(h[0], h[1]);
+      if (u.set(Date, (_) => new Date(_)), u.set(Map, (_, m) => new Map(c(Array.from(_), m))), u.set(Set, (_, m) => new Set(c(Array.from(_), m))), r.constructorHandlers)
+        for (const _ of r.constructorHandlers)
+          u.set(_[0], _[1]);
       let l = null;
       return r.proto ? p : d;
-      function c(h, m) {
-        const b = Object.keys(h), _ = new Array(b.length);
-        for (let E = 0; E < b.length; E++) {
-          const C = b[E], w = h[C];
+      function c(_, m) {
+        const O = Object.keys(_), h = new Array(O.length);
+        for (let y = 0; y < O.length; y++) {
+          const C = O[y], w = _[C];
           if (typeof w != "object" || w === null)
-            _[C] = w;
+            h[C] = w;
           else if (w.constructor !== Object && (l = u.get(w.constructor)))
-            _[C] = l(w, m);
+            h[C] = l(w, m);
           else if (ArrayBuffer.isView(w))
-            _[C] = n(w);
+            h[C] = n(w);
           else {
             const N = i.indexOf(w);
-            N !== -1 ? _[C] = a[N] : _[C] = m(w);
+            N !== -1 ? h[C] = a[N] : h[C] = m(w);
           }
         }
-        return _;
+        return h;
       }
-      function d(h) {
-        if (typeof h != "object" || h === null) return h;
-        if (Array.isArray(h)) return c(h, d);
-        if (h.constructor !== Object && (l = u.get(h.constructor)))
-          return l(h, d);
+      function d(_) {
+        if (typeof _ != "object" || _ === null) return _;
+        if (Array.isArray(_)) return c(_, d);
+        if (_.constructor !== Object && (l = u.get(_.constructor)))
+          return l(_, d);
         const m = {};
-        i.push(h), a.push(m);
-        for (const b in h) {
-          if (Object.hasOwnProperty.call(h, b) === !1) continue;
-          const _ = h[b];
-          if (typeof _ != "object" || _ === null)
-            m[b] = _;
-          else if (_.constructor !== Object && (l = u.get(_.constructor)))
-            m[b] = l(_, d);
-          else if (ArrayBuffer.isView(_))
-            m[b] = n(_);
+        i.push(_), a.push(m);
+        for (const O in _) {
+          if (Object.hasOwnProperty.call(_, O) === !1) continue;
+          const h = _[O];
+          if (typeof h != "object" || h === null)
+            m[O] = h;
+          else if (h.constructor !== Object && (l = u.get(h.constructor)))
+            m[O] = l(h, d);
+          else if (ArrayBuffer.isView(h))
+            m[O] = n(h);
           else {
-            const E = i.indexOf(_);
-            E !== -1 ? m[b] = a[E] : m[b] = d(_);
+            const y = i.indexOf(h);
+            y !== -1 ? m[O] = a[y] : m[O] = d(h);
           }
         }
         return i.pop(), a.pop(), m;
       }
-      function p(h) {
-        if (typeof h != "object" || h === null) return h;
-        if (Array.isArray(h)) return c(h, p);
-        if (h.constructor !== Object && (l = u.get(h.constructor)))
-          return l(h, p);
+      function p(_) {
+        if (typeof _ != "object" || _ === null) return _;
+        if (Array.isArray(_)) return c(_, p);
+        if (_.constructor !== Object && (l = u.get(_.constructor)))
+          return l(_, p);
         const m = {};
-        i.push(h), a.push(m);
-        for (const b in h) {
-          const _ = h[b];
-          if (typeof _ != "object" || _ === null)
-            m[b] = _;
-          else if (_.constructor !== Object && (l = u.get(_.constructor)))
-            m[b] = l(_, p);
-          else if (ArrayBuffer.isView(_))
-            m[b] = n(_);
+        i.push(_), a.push(m);
+        for (const O in _) {
+          const h = _[O];
+          if (typeof h != "object" || h === null)
+            m[O] = h;
+          else if (h.constructor !== Object && (l = u.get(h.constructor)))
+            m[O] = l(h, p);
+          else if (ArrayBuffer.isView(h))
+            m[O] = n(h);
           else {
-            const E = i.indexOf(_);
-            E !== -1 ? m[b] = a[E] : m[b] = p(_);
+            const y = i.indexOf(h);
+            y !== -1 ? m[O] = a[y] : m[O] = p(h);
           }
         }
         return i.pop(), a.pop(), m;
@@ -1558,8 +1558,8 @@ function Le(e, t = 25, n = {}) {
       clearTimeout(s), s = setTimeout(() => {
         s = null;
         const p = n.leading ? o : u(this, l);
-        for (const h of r)
-          h(p);
+        for (const _ of r)
+          _(p);
         r = [];
       }, t), d ? (o = u(this, l), c(o)) : r.push(c);
     });
@@ -3051,37 +3051,37 @@ var ma = Object.create, Rs = Object.defineProperty, va = Object.getOwnPropertyDe
           "∑": "tong",
           "¤": "tien te"
         }
-      }, u = [";", "?", ":", "@", "&", "=", "+", "$", ",", "/"].join(""), l = [";", "?", ":", "@", "&", "=", "+", "$", ","].join(""), c = [".", "!", "~", "*", "'", "(", ")"].join(""), d = function(_, E) {
-        var C = "-", w = "", N = "", Y = !0, D = {}, k, L, I, y, T, R, K, Q, Ie, ne, x, ae, F, De, _e = "";
-        if (typeof _ != "string")
+      }, u = [";", "?", ":", "@", "&", "=", "+", "$", ",", "/"].join(""), l = [";", "?", ":", "@", "&", "=", "+", "$", ","].join(""), c = [".", "!", "~", "*", "'", "(", ")"].join(""), d = function(h, y) {
+        var C = "-", w = "", N = "", Y = !0, D = {}, k, F, I, b, T, V, K, ee, Ie, ne, x, ae, M, De, pe = "";
+        if (typeof h != "string")
           return "";
-        if (typeof E == "string" && (C = E), K = a.en, Q = i.en, typeof E == "object") {
-          k = E.maintainCase || !1, D = E.custom && typeof E.custom == "object" ? E.custom : D, I = +E.truncate > 1 && E.truncate || !1, y = E.uric || !1, T = E.uricNoSlash || !1, R = E.mark || !1, Y = !(E.symbols === !1 || E.lang === !1), C = E.separator || C, y && (_e += u), T && (_e += l), R && (_e += c), K = E.lang && a[E.lang] && Y ? a[E.lang] : Y ? a.en : {}, Q = E.lang && i[E.lang] ? i[E.lang] : E.lang === !1 || E.lang === !0 ? {} : i.en, E.titleCase && typeof E.titleCase.length == "number" && Array.prototype.toString.call(E.titleCase) ? (E.titleCase.forEach(function(oe) {
+        if (typeof y == "string" && (C = y), K = a.en, ee = i.en, typeof y == "object") {
+          k = y.maintainCase || !1, D = y.custom && typeof y.custom == "object" ? y.custom : D, I = +y.truncate > 1 && y.truncate || !1, b = y.uric || !1, T = y.uricNoSlash || !1, V = y.mark || !1, Y = !(y.symbols === !1 || y.lang === !1), C = y.separator || C, b && (pe += u), T && (pe += l), V && (pe += c), K = y.lang && a[y.lang] && Y ? a[y.lang] : Y ? a.en : {}, ee = y.lang && i[y.lang] ? i[y.lang] : y.lang === !1 || y.lang === !0 ? {} : i.en, y.titleCase && typeof y.titleCase.length == "number" && Array.prototype.toString.call(y.titleCase) ? (y.titleCase.forEach(function(oe) {
             D[oe + ""] = oe + "";
-          }), L = !0) : L = !!E.titleCase, E.custom && typeof E.custom.length == "number" && Array.prototype.toString.call(E.custom) && E.custom.forEach(function(oe) {
+          }), F = !0) : F = !!y.titleCase, y.custom && typeof y.custom.length == "number" && Array.prototype.toString.call(y.custom) && y.custom.forEach(function(oe) {
             D[oe + ""] = oe + "";
           }), Object.keys(D).forEach(function(oe) {
             var ze;
-            oe.length > 1 ? ze = new RegExp("\\b" + h(oe) + "\\b", "gi") : ze = new RegExp(h(oe), "gi"), _ = _.replace(ze, D[oe]);
+            oe.length > 1 ? ze = new RegExp("\\b" + _(oe) + "\\b", "gi") : ze = new RegExp(_(oe), "gi"), h = h.replace(ze, D[oe]);
           });
           for (x in D)
-            _e += x;
+            pe += x;
         }
-        for (_e += C, _e = h(_e), _ = _.replace(/(^\s+|\s+$)/g, ""), F = !1, De = !1, ne = 0, ae = _.length; ne < ae; ne++)
-          x = _[ne], m(x, D) ? F = !1 : Q[x] ? (x = F && Q[x].match(/[A-Za-z0-9]/) ? " " + Q[x] : Q[x], F = !1) : x in o ? (ne + 1 < ae && s.indexOf(_[ne + 1]) >= 0 ? (N += x, x = "") : De === !0 ? (x = r[N] + o[x], N = "") : x = F && o[x].match(/[A-Za-z0-9]/) ? " " + o[x] : o[x], F = !1, De = !1) : x in r ? (N += x, x = "", ne === ae - 1 && (x = r[N]), De = !0) : /* process symbol chars */ K[x] && !(y && u.indexOf(x) !== -1) && !(T && l.indexOf(x) !== -1) ? (x = F || w.substr(-1).match(/[A-Za-z0-9]/) ? C + K[x] : K[x], x += _[ne + 1] !== void 0 && _[ne + 1].match(/[A-Za-z0-9]/) ? C : "", F = !0) : (De === !0 ? (x = r[N] + x, N = "", De = !1) : F && (/[A-Za-z0-9]/.test(x) || w.substr(-1).match(/A-Za-z0-9]/)) && (x = " " + x), F = !1), w += x.replace(new RegExp("[^\\w\\s" + _e + "_-]", "g"), C);
-        return L && (w = w.replace(/(\w)(\S*)/g, function(oe, ze, On) {
+        for (pe += C, pe = _(pe), h = h.replace(/(^\s+|\s+$)/g, ""), M = !1, De = !1, ne = 0, ae = h.length; ne < ae; ne++)
+          x = h[ne], m(x, D) ? M = !1 : ee[x] ? (x = M && ee[x].match(/[A-Za-z0-9]/) ? " " + ee[x] : ee[x], M = !1) : x in o ? (ne + 1 < ae && s.indexOf(h[ne + 1]) >= 0 ? (N += x, x = "") : De === !0 ? (x = r[N] + o[x], N = "") : x = M && o[x].match(/[A-Za-z0-9]/) ? " " + o[x] : o[x], M = !1, De = !1) : x in r ? (N += x, x = "", ne === ae - 1 && (x = r[N]), De = !0) : /* process symbol chars */ K[x] && !(b && u.indexOf(x) !== -1) && !(T && l.indexOf(x) !== -1) ? (x = M || w.substr(-1).match(/[A-Za-z0-9]/) ? C + K[x] : K[x], x += h[ne + 1] !== void 0 && h[ne + 1].match(/[A-Za-z0-9]/) ? C : "", M = !0) : (De === !0 ? (x = r[N] + x, N = "", De = !1) : M && (/[A-Za-z0-9]/.test(x) || w.substr(-1).match(/A-Za-z0-9]/)) && (x = " " + x), M = !1), w += x.replace(new RegExp("[^\\w\\s" + pe + "_-]", "g"), C);
+        return F && (w = w.replace(/(\w)(\S*)/g, function(oe, ze, On) {
           var wt = ze.toUpperCase() + (On !== null ? On : "");
           return Object.keys(D).indexOf(wt.toLowerCase()) < 0 ? wt : wt.toLowerCase();
-        })), w = w.replace(/\s+/g, C).replace(new RegExp("\\" + C + "+", "g"), C).replace(new RegExp("(^\\" + C + "+|\\" + C + "+$)", "g"), ""), I && w.length > I && (Ie = w.charAt(I) === C, w = w.slice(0, I), Ie || (w = w.slice(0, w.lastIndexOf(C)))), !k && !L && (w = w.toLowerCase()), w;
-      }, p = function(_) {
+        })), w = w.replace(/\s+/g, C).replace(new RegExp("\\" + C + "+", "g"), C).replace(new RegExp("(^\\" + C + "+|\\" + C + "+$)", "g"), ""), I && w.length > I && (Ie = w.charAt(I) === C, w = w.slice(0, I), Ie || (w = w.slice(0, w.lastIndexOf(C)))), !k && !F && (w = w.toLowerCase()), w;
+      }, p = function(h) {
         return function(C) {
-          return d(C, _);
+          return d(C, h);
         };
-      }, h = function(_) {
-        return _.replace(/[-\\^$*+?.()|[\]{}\/]/g, "\\$&");
-      }, m = function(b, _) {
-        for (var E in _)
-          if (_[E] === b)
+      }, _ = function(h) {
+        return h.replace(/[-\\^$*+?.()|[\]{}\/]/g, "\\$&");
+      }, m = function(O, h) {
+        for (var y in h)
+          if (h[y] === O)
             return !0;
       };
       if (typeof t < "u" && t.exports)
@@ -3667,7 +3667,7 @@ var no, oo;
 (oo = (no = S).__VUE_DEVTOOLS_KIT_CUSTOM_TABS__) != null || (no.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ = []);
 var so, ro;
 (ro = (so = S).__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__) != null || (so.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ = []);
-var Se = "__VUE_DEVTOOLS_KIT_GLOBAL_STATE__";
+var Oe = "__VUE_DEVTOOLS_KIT_GLOBAL_STATE__";
 function nu() {
   return {
     connected: !1,
@@ -3684,7 +3684,7 @@ function nu() {
   };
 }
 var io, ao;
-(ao = (io = S)[Se]) != null || (io[Se] = nu());
+(ao = (io = S)[Oe]) != null || (io[Oe] = nu());
 var ou = Le((e) => {
   je.hooks.callHook("devtoolsStateUpdated", { state: e });
 });
@@ -3702,7 +3702,7 @@ var kt = new Proxy(S.__VUE_DEVTOOLS_KIT_APP_RECORDS__, {
 });
 function Gs() {
   ou({
-    ...S[Se],
+    ...S[Oe],
     appRecords: kt.value,
     activeAppRecordId: Z.id,
     tabs: S.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__,
@@ -3715,15 +3715,15 @@ function su(e) {
 function ru(e) {
   S.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = e, Gs();
 }
-var z = new Proxy(S[Se], {
+var z = new Proxy(S[Oe], {
   get(e, t) {
-    return t === "appRecords" ? kt : t === "activeAppRecordId" ? Z.id : t === "tabs" ? S.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ : t === "commands" ? S.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ : S[Se][t];
+    return t === "appRecords" ? kt : t === "activeAppRecordId" ? Z.id : t === "tabs" ? S.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ : t === "commands" ? S.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ : S[Oe][t];
   },
   deleteProperty(e, t) {
     return delete e[t], !0;
   },
   set(e, t, n) {
-    return { ...S[Se] }, e[t] = n, S[Se][t] = n, !0;
+    return { ...S[Oe] }, e[t] = n, S[Oe][t] = n, !0;
   }
 });
 function iu(e = {}) {
@@ -4333,7 +4333,7 @@ var Iu = class {
 };
 g();
 g();
-var Du = (e) => Object.prototype.toString.call(e).slice(8, -1), Js = (e) => typeof e > "u", Pu = (e) => e === null, et = (e) => typeof e != "object" || e === null || e === Object.prototype ? !1 : Object.getPrototypeOf(e) === null ? !0 : Object.getPrototypeOf(e) === Object.prototype, Yt = (e) => et(e) && Object.keys(e).length === 0, ye = (e) => Array.isArray(e), xu = (e) => typeof e == "string", Nu = (e) => typeof e == "number" && !isNaN(e), Ru = (e) => typeof e == "boolean", Vu = (e) => e instanceof RegExp, tt = (e) => e instanceof Map, nt = (e) => e instanceof Set, Qs = (e) => Du(e) === "Symbol", $u = (e) => e instanceof Date && !isNaN(e.valueOf()), Lu = (e) => e instanceof Error, Io = (e) => typeof e == "number" && isNaN(e), Fu = (e) => Ru(e) || Pu(e) || Js(e) || Nu(e) || xu(e) || Qs(e), Mu = (e) => typeof e == "bigint", Bu = (e) => e === 1 / 0 || e === -1 / 0, Uu = (e) => ArrayBuffer.isView(e) && !(e instanceof DataView), ju = (e) => e instanceof URL;
+var Du = (e) => Object.prototype.toString.call(e).slice(8, -1), Js = (e) => typeof e > "u", Pu = (e) => e === null, et = (e) => typeof e != "object" || e === null || e === Object.prototype ? !1 : Object.getPrototypeOf(e) === null ? !0 : Object.getPrototypeOf(e) === Object.prototype, Yt = (e) => et(e) && Object.keys(e).length === 0, Ee = (e) => Array.isArray(e), xu = (e) => typeof e == "string", Nu = (e) => typeof e == "number" && !isNaN(e), Ru = (e) => typeof e == "boolean", Vu = (e) => e instanceof RegExp, tt = (e) => e instanceof Map, nt = (e) => e instanceof Set, Qs = (e) => Du(e) === "Symbol", $u = (e) => e instanceof Date && !isNaN(e.valueOf()), Lu = (e) => e instanceof Error, Io = (e) => typeof e == "number" && isNaN(e), Fu = (e) => Ru(e) || Pu(e) || Js(e) || Nu(e) || xu(e) || Qs(e), Mu = (e) => typeof e == "bigint", Bu = (e) => e === 1 / 0 || e === -1 / 0, Uu = (e) => ArrayBuffer.isView(e) && !(e instanceof DataView), ju = (e) => e instanceof URL;
 g();
 var er = (e) => e.replace(/\./g, "\\."), Rt = (e) => e.map(String).map(er).join("."), We = (e) => {
   const t = [];
@@ -4466,7 +4466,7 @@ tr.forEach((e) => {
   ar[e.annotation] = e;
 });
 var Ku = (e, t, n) => {
-  if (ye(t))
+  if (Ee(t))
     switch (t[0]) {
       case "symbol":
         return nr.untransform(e, t, n);
@@ -4529,7 +4529,7 @@ var Gu = (e, t) => {
   let o = e;
   for (let r = 0; r < t.length - 1; r++) {
     const i = t[r];
-    if (ye(o)) {
+    if (Ee(o)) {
       const a = +i;
       o = o[a];
     } else if (et(o))
@@ -4552,7 +4552,7 @@ var Gu = (e, t) => {
     }
   }
   const s = t[t.length - 1];
-  if (ye(o) ? o[+s] = n(o[+s]) : et(o) && (o[s] = n(o[s])), nt(o)) {
+  if (Ee(o) ? o[+s] = n(o[+s]) : et(o) && (o[s] = n(o[s])), nt(o)) {
     const r = xe(o, +s), i = n(r);
     r !== i && (o.delete(r), o.add(i));
   }
@@ -4575,7 +4575,7 @@ var Gu = (e, t) => {
 function Xt(e, t, n = []) {
   if (!e)
     return;
-  if (!ye(e)) {
+  if (!Ee(e)) {
     Me(e, (r, i) => Xt(r, t, [...n, ...We(i)]));
     return;
   }
@@ -4596,7 +4596,7 @@ function Wu(e, t) {
       e = Zt(e, i, () => r);
     });
   }
-  if (ye(t)) {
+  if (Ee(t)) {
     const [o, s] = t;
     o.forEach((r) => {
       e = Zt(e, We(r), () => e);
@@ -4605,7 +4605,7 @@ function Wu(e, t) {
     Me(t, n);
   return e;
 }
-var Yu = (e, t) => et(e) || ye(e) || tt(e) || nt(e) || sr(e, t);
+var Yu = (e, t) => et(e) || Ee(e) || tt(e) || nt(e) || sr(e, t);
 function Zu(e, t, n) {
   const o = n.get(e);
   o ? o.push(t) : n.set(e, [t]);
@@ -4633,35 +4633,35 @@ var lr = (e, t, n, o, s = [], r = [], i = /* @__PURE__ */ new Map()) => {
       } : m;
   }
   if (!Yu(e, n)) {
-    const m = Do(e, n), b = m ? {
+    const m = Do(e, n), O = m ? {
       transformedValue: m.value,
       annotations: [m.type]
     } : {
       transformedValue: e
     };
-    return u || i.set(e, b), b;
+    return u || i.set(e, O), O;
   }
   if (dt(r, e))
     return {
       transformedValue: null
     };
-  const l = Do(e, n), c = (a = l?.value) != null ? a : e, d = ye(c) ? [] : {}, p = {};
-  Me(c, (m, b) => {
-    if (b === "__proto__" || b === "constructor" || b === "prototype")
-      throw new Error(`Detected property ${b}. This is a prototype pollution risk, please remove it from your object.`);
-    const _ = lr(m, t, n, o, [...s, b], [...r, e], i);
-    d[b] = _.transformedValue, ye(_.annotations) ? p[b] = _.annotations : et(_.annotations) && Me(_.annotations, (E, C) => {
-      p[er(b) + "." + C] = E;
+  const l = Do(e, n), c = (a = l?.value) != null ? a : e, d = Ee(c) ? [] : {}, p = {};
+  Me(c, (m, O) => {
+    if (O === "__proto__" || O === "constructor" || O === "prototype")
+      throw new Error(`Detected property ${O}. This is a prototype pollution risk, please remove it from your object.`);
+    const h = lr(m, t, n, o, [...s, O], [...r, e], i);
+    d[O] = h.transformedValue, Ee(h.annotations) ? p[O] = h.annotations : et(h.annotations) && Me(h.annotations, (y, C) => {
+      p[er(O) + "." + C] = y;
     });
   });
-  const h = Yt(p) ? {
+  const _ = Yt(p) ? {
     transformedValue: d,
     annotations: l ? [l.type] : void 0
   } : {
     transformedValue: d,
     annotations: l ? [l.type, p] : p
   };
-  return u || i.set(e, h), h;
+  return u || i.set(e, _), _;
 };
 g();
 g();
@@ -4699,7 +4699,7 @@ function Jt(e, t = {}) {
     return Qu(s, r, a, e, t.nonenumerable), s;
   }, {});
 }
-var $ = class {
+var L = class {
   /**
    * @param dedupeReferentialEqualities  If true, SuperJSON will make sure only one instance of referentially equal objects are serialized and the rest are replaced with `null`.
    */
@@ -4750,15 +4750,15 @@ var $ = class {
     this.allowedErrorProps.push(...e);
   }
 };
-$.defaultInstance = new $();
-$.serialize = $.defaultInstance.serialize.bind($.defaultInstance);
-$.deserialize = $.defaultInstance.deserialize.bind($.defaultInstance);
-$.stringify = $.defaultInstance.stringify.bind($.defaultInstance);
-$.parse = $.defaultInstance.parse.bind($.defaultInstance);
-$.registerClass = $.defaultInstance.registerClass.bind($.defaultInstance);
-$.registerSymbol = $.defaultInstance.registerSymbol.bind($.defaultInstance);
-$.registerCustom = $.defaultInstance.registerCustom.bind($.defaultInstance);
-$.allowErrorProps = $.defaultInstance.allowErrorProps.bind($.defaultInstance);
+L.defaultInstance = new L();
+L.serialize = L.defaultInstance.serialize.bind(L.defaultInstance);
+L.deserialize = L.defaultInstance.deserialize.bind(L.defaultInstance);
+L.stringify = L.defaultInstance.stringify.bind(L.defaultInstance);
+L.parse = L.defaultInstance.parse.bind(L.defaultInstance);
+L.registerClass = L.defaultInstance.registerClass.bind(L.defaultInstance);
+L.registerSymbol = L.defaultInstance.registerSymbol.bind(L.defaultInstance);
+L.registerCustom = L.defaultInstance.registerCustom.bind(L.defaultInstance);
+L.allowErrorProps = L.defaultInstance.allowErrorProps.bind(L.defaultInstance);
 g();
 g();
 g();
@@ -4802,8 +4802,8 @@ g();
 g();
 g();
 const fe = typeof window < "u";
-let Ae;
-const ot = (e) => Ae = e;
+let Se;
+const ot = (e) => Se = e;
 process.env.NODE_ENV;
 const yt = process.env.NODE_ENV !== "production" ? /* @__PURE__ */ Symbol("pinia") : (
   /* istanbul ignore next */
@@ -5066,7 +5066,7 @@ function fl(e) {
   }
 }
 let Ne = !0;
-const ht = [], be = "pinia:mutations", W = "pinia", { assign: pl } = Object, bt = (e) => "🍍 " + e;
+const ht = [], ye = "pinia:mutations", W = "pinia", { assign: pl } = Object, bt = (e) => "🍍 " + e;
 function _l(e, t) {
   Ys({
     id: "dev.esm.pinia",
@@ -5078,7 +5078,7 @@ function _l(e, t) {
     app: e
   }, (n) => {
     typeof n.now != "function" && G("You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."), n.addTimelineLayer({
-      id: be,
+      id: ye,
       label: "Pinia 🍍",
       color: 15064968
     }), n.addInspector({
@@ -5226,7 +5226,7 @@ function hl(e, t) {
     t.$onAction(({ after: i, onError: a, name: u, args: l }) => {
       const c = vr++;
       n.addTimelineEvent({
-        layerId: be,
+        layerId: ye,
         event: {
           time: o(),
           title: "🛫 " + u,
@@ -5239,8 +5239,8 @@ function hl(e, t) {
           groupId: c
         }
       }), i((d) => {
-        he = void 0, n.addTimelineEvent({
-          layerId: be,
+        _e = void 0, n.addTimelineEvent({
+          layerId: ye,
           event: {
             time: o(),
             title: "🛬 " + u,
@@ -5255,8 +5255,8 @@ function hl(e, t) {
           }
         });
       }), a((d) => {
-        he = void 0, n.addTimelineEvent({
-          layerId: be,
+        _e = void 0, n.addTimelineEvent({
+          layerId: ye,
           event: {
             time: o(),
             logType: "error",
@@ -5275,7 +5275,7 @@ function hl(e, t) {
     }, !0), t._customProperties.forEach((i) => {
       ve(() => A(t[i]), (a, u) => {
         n.notifyComponentUpdate(), n.sendInspectorState(W), Ne && n.addTimelineEvent({
-          layerId: be,
+          layerId: ye,
           event: {
             time: o(),
             title: "Change",
@@ -5284,7 +5284,7 @@ function hl(e, t) {
               newValue: a,
               oldValue: u
             },
-            groupId: he
+            groupId: _e
           }
         });
       }, { deep: !0 });
@@ -5295,7 +5295,7 @@ function hl(e, t) {
         time: o(),
         title: fl(a),
         data: pl({ store: se(t.$id) }, dl(i)),
-        groupId: he
+        groupId: _e
       };
       a === le.patchFunction ? l.subtitle = "⤵️" : a === le.patchObject ? l.subtitle = "🧩" : i && !Array.isArray(i) && (l.subtitle = i.type), i && (l.data["rawEvent(s)"] = {
         _custom: {
@@ -5305,14 +5305,14 @@ function hl(e, t) {
           value: i
         }
       }), n.addTimelineEvent({
-        layerId: be,
+        layerId: ye,
         event: l
       });
     }, { detached: !0, flush: "sync" });
     const s = t._hotUpdate;
-    t._hotUpdate = Oe((i) => {
+    t._hotUpdate = be((i) => {
       s(i), n.addTimelineEvent({
-        layerId: be,
+        layerId: ye,
         event: {
           time: o(),
           title: "🔥 " + t.$id,
@@ -5330,22 +5330,22 @@ function hl(e, t) {
     }, n.notifyComponentUpdate(), n.sendInspectorTree(W), n.sendInspectorState(W), n.getSettings().logStoreChanges && G(`"${t.$id}" store installed 🆕`);
   });
 }
-let vr = 0, he;
+let vr = 0, _e;
 function Ko(e, t, n) {
   const o = t.reduce((s, r) => (s[r] = Ye(e)[r], s), {});
   for (const s in o)
     e[s] = function() {
       const r = vr, i = n ? new Proxy(e, {
         get(...u) {
-          return he = r, Reflect.get(...u);
+          return _e = r, Reflect.get(...u);
         },
         set(...u) {
-          return he = r, Reflect.set(...u);
+          return _e = r, Reflect.set(...u);
         }
       }) : e;
-      he = r;
+      _e = r;
       const a = o[s].apply(i, arguments);
-      return he = void 0, a;
+      return _e = void 0, a;
     };
 }
 function gl({ app: e, store: t, options: n }) {
@@ -5365,9 +5365,9 @@ function gl({ app: e, store: t, options: n }) {
   }
 }
 function ml() {
-  const e = ss(!0), t = e.run(() => M({}));
+  const e = ss(!0), t = e.run(() => B({}));
   let n = [], o = [];
-  const s = Oe({
+  const s = be({
     install(r) {
       ot(s), s._a = r, r.provide(yt, s), r.config.globalProperties.$pinia = s, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && fe && _l(r, s), o.forEach((i) => n.push(i)), o = [];
     },
@@ -5426,7 +5426,7 @@ const El = process.env.NODE_ENV !== "production" ? /* @__PURE__ */ Symbol("pinia
 function yl(e) {
   return !ke(e) || !Object.prototype.hasOwnProperty.call(e, El);
 }
-const { assign: ee } = Object;
+const { assign: te } = Object;
 function Wo(e) {
   return !!(Ve(e) && e.effect);
 }
@@ -5437,51 +5437,51 @@ function Yo(e, t, n, o) {
     !a && (process.env.NODE_ENV === "production" || !o) && (n.state.value[e] = s ? s() : {});
     const c = process.env.NODE_ENV !== "production" && o ? (
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
-      An(M(s ? s() : {}).value)
+      An(B(s ? s() : {}).value)
     ) : An(n.state.value[e]);
-    return ee(c, r, Object.keys(i || {}).reduce((d, p) => (process.env.NODE_ENV !== "production" && p in c && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${p}" in store "${e}".`), d[p] = Oe(ge(() => {
+    return te(c, r, Object.keys(i || {}).reduce((d, p) => (process.env.NODE_ENV !== "production" && p in c && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${p}" in store "${e}".`), d[p] = be(ge(() => {
       ot(n);
-      const h = n._s.get(e);
-      return i[p].call(h, h);
+      const _ = n._s.get(e);
+      return i[p].call(_, _);
     })), d), {}));
   }
   return u = en(e, l, t, n, o, !0), u;
 }
 function en(e, t, n = {}, o, s, r) {
   let i;
-  const a = ee({ actions: {} }, n);
+  const a = te({ actions: {} }, n);
   if (process.env.NODE_ENV !== "production" && !o._e.active)
     throw new Error("Pinia destroyed");
   const u = { deep: !0 };
-  process.env.NODE_ENV !== "production" && (u.onTrigger = (y) => {
-    l ? h = y : l == !1 && !k._hotUpdating && (Array.isArray(h) ? h.push(y) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+  process.env.NODE_ENV !== "production" && (u.onTrigger = (b) => {
+    l ? _ = b : l == !1 && !k._hotUpdating && (Array.isArray(_) ? _.push(b) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
-  let l, c, d = /* @__PURE__ */ new Set(), p = /* @__PURE__ */ new Set(), h;
+  let l, c, d = /* @__PURE__ */ new Set(), p = /* @__PURE__ */ new Set(), _;
   const m = o.state.value[e];
   !r && !m && (process.env.NODE_ENV === "production" || !s) && (o.state.value[e] = {});
-  const b = M({});
-  let _;
-  function E(y) {
+  const O = B({});
+  let h;
+  function y(b) {
     let T;
-    l = c = !1, process.env.NODE_ENV !== "production" && (h = []), typeof y == "function" ? (y(o.state.value[e]), T = {
+    l = c = !1, process.env.NODE_ENV !== "production" && (_ = []), typeof b == "function" ? (b(o.state.value[e]), T = {
       type: le.patchFunction,
       storeId: e,
-      events: h
-    }) : (Qt(o.state.value[e], y), T = {
+      events: _
+    }) : (Qt(o.state.value[e], b), T = {
       type: le.patchObject,
-      payload: y,
+      payload: b,
       storeId: e,
-      events: h
+      events: _
     });
-    const R = _ = /* @__PURE__ */ Symbol();
+    const V = h = /* @__PURE__ */ Symbol();
     gt().then(() => {
-      _ === R && (l = !0);
+      h === V && (l = !0);
     }), c = !0, Pe(d, T, o.state.value[e]);
   }
   const C = r ? function() {
-    const { state: T } = n, R = T ? T() : {};
+    const { state: T } = n, V = T ? T() : {};
     this.$patch((K) => {
-      ee(K, R);
+      te(K, V);
     });
   } : (
     /* istanbul ignore next */
@@ -5492,61 +5492,61 @@ function en(e, t, n = {}, o, s, r) {
   function w() {
     i.stop(), d.clear(), p.clear(), o._s.delete(e);
   }
-  const N = (y, T = "") => {
-    if (qo in y)
-      return y[Vt] = T, y;
-    const R = function() {
+  const N = (b, T = "") => {
+    if (qo in b)
+      return b[Vt] = T, b;
+    const V = function() {
       ot(o);
-      const K = Array.from(arguments), Q = /* @__PURE__ */ new Set(), Ie = /* @__PURE__ */ new Set();
-      function ne(F) {
-        Q.add(F);
+      const K = Array.from(arguments), ee = /* @__PURE__ */ new Set(), Ie = /* @__PURE__ */ new Set();
+      function ne(M) {
+        ee.add(M);
       }
-      function x(F) {
-        Ie.add(F);
+      function x(M) {
+        Ie.add(M);
       }
       Pe(p, {
         args: K,
-        name: R[Vt],
+        name: V[Vt],
         store: k,
         after: ne,
         onError: x
       });
       let ae;
       try {
-        ae = y.apply(this && this.$id === e ? this : k, K);
-      } catch (F) {
-        throw Pe(Ie, F), F;
+        ae = b.apply(this && this.$id === e ? this : k, K);
+      } catch (M) {
+        throw Pe(Ie, M), M;
       }
-      return ae instanceof Promise ? ae.then((F) => (Pe(Q, F), F)).catch((F) => (Pe(Ie, F), Promise.reject(F))) : (Pe(Q, ae), ae);
+      return ae instanceof Promise ? ae.then((M) => (Pe(ee, M), M)).catch((M) => (Pe(Ie, M), Promise.reject(M))) : (Pe(ee, ae), ae);
     };
-    return R[qo] = !0, R[Vt] = T, R;
-  }, Y = /* @__PURE__ */ Oe({
+    return V[qo] = !0, V[Vt] = T, V;
+  }, Y = /* @__PURE__ */ be({
     actions: {},
     getters: {},
     state: [],
-    hotState: b
+    hotState: O
   }), D = {
     _p: o,
     // _s: scope,
     $id: e,
     $onAction: Go.bind(null, p),
-    $patch: E,
+    $patch: y,
     $reset: C,
-    $subscribe(y, T = {}) {
-      const R = Go(d, y, T.detached, () => K()), K = i.run(() => ve(() => o.state.value[e], (Q) => {
-        (T.flush === "sync" ? c : l) && y({
+    $subscribe(b, T = {}) {
+      const V = Go(d, b, T.detached, () => K()), K = i.run(() => ve(() => o.state.value[e], (ee) => {
+        (T.flush === "sync" ? c : l) && b({
           storeId: e,
           type: le.direct,
-          events: h
-        }, Q);
-      }, ee({}, u, T)));
-      return R;
+          events: _
+        }, ee);
+      }, te({}, u, T)));
+      return V;
     },
     $dispose: w
-  }, k = Sr(process.env.NODE_ENV !== "production" || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && fe ? ee(
+  }, k = Sr(process.env.NODE_ENV !== "production" || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && fe ? te(
     {
       _hmrPayload: Y,
-      _customProperties: Oe(/* @__PURE__ */ new Set())
+      _customProperties: be(/* @__PURE__ */ new Set())
       // devtools custom properties
     },
     D
@@ -5555,80 +5555,80 @@ function en(e, t, n = {}, o, s, r) {
   ) : D);
   o._s.set(e, k);
   const I = (o._a && o._a.runWithContext || vl)(() => o._e.run(() => (i = ss()).run(() => t({ action: N }))));
-  for (const y in I) {
-    const T = I[y];
+  for (const b in I) {
+    const T = I[b];
     if (Ve(T) && !Wo(T) || nn(T))
-      process.env.NODE_ENV !== "production" && s ? b.value[y] = It(I, y) : r || (m && yl(T) && (Ve(T) ? T.value = m[y] : Qt(T, m[y])), o.state.value[e][y] = T), process.env.NODE_ENV !== "production" && Y.state.push(y);
+      process.env.NODE_ENV !== "production" && s ? O.value[b] = It(I, b) : r || (m && yl(T) && (Ve(T) ? T.value = m[b] : Qt(T, m[b])), o.state.value[e][b] = T), process.env.NODE_ENV !== "production" && Y.state.push(b);
     else if (typeof T == "function") {
-      const R = process.env.NODE_ENV !== "production" && s ? T : N(T, y);
-      I[y] = R, process.env.NODE_ENV !== "production" && (Y.actions[y] = T), a.actions[y] = T;
-    } else process.env.NODE_ENV !== "production" && Wo(T) && (Y.getters[y] = r ? (
+      const V = process.env.NODE_ENV !== "production" && s ? T : N(T, b);
+      I[b] = V, process.env.NODE_ENV !== "production" && (Y.actions[b] = T), a.actions[b] = T;
+    } else process.env.NODE_ENV !== "production" && Wo(T) && (Y.getters[b] = r ? (
       // @ts-expect-error
-      n.getters[y]
+      n.getters[b]
     ) : T, fe && (I._getters || // @ts-expect-error: same
-    (I._getters = Oe([]))).push(y));
+    (I._getters = be([]))).push(b));
   }
-  if (ee(k, I), ee(Ye(k), I), Object.defineProperty(k, "$state", {
-    get: () => process.env.NODE_ENV !== "production" && s ? b.value : o.state.value[e],
-    set: (y) => {
+  if (te(k, I), te(Ye(k), I), Object.defineProperty(k, "$state", {
+    get: () => process.env.NODE_ENV !== "production" && s ? O.value : o.state.value[e],
+    set: (b) => {
       if (process.env.NODE_ENV !== "production" && s)
         throw new Error("cannot set hotState");
-      E((T) => {
-        ee(T, y);
+      y((T) => {
+        te(T, b);
       });
     }
-  }), process.env.NODE_ENV !== "production" && (k._hotUpdate = Oe((y) => {
-    k._hotUpdating = !0, y._hmrPayload.state.forEach((T) => {
+  }), process.env.NODE_ENV !== "production" && (k._hotUpdate = be((b) => {
+    k._hotUpdating = !0, b._hmrPayload.state.forEach((T) => {
       if (T in k.$state) {
-        const R = y.$state[T], K = k.$state[T];
-        typeof R == "object" && ke(R) && ke(K) ? Er(R, K) : y.$state[T] = K;
+        const V = b.$state[T], K = k.$state[T];
+        typeof V == "object" && ke(V) && ke(K) ? Er(V, K) : b.$state[T] = K;
       }
-      k[T] = It(y.$state, T);
+      k[T] = It(b.$state, T);
     }), Object.keys(k.$state).forEach((T) => {
-      T in y.$state || delete k[T];
-    }), l = !1, c = !1, o.state.value[e] = It(y._hmrPayload, "hotState"), c = !0, gt().then(() => {
+      T in b.$state || delete k[T];
+    }), l = !1, c = !1, o.state.value[e] = It(b._hmrPayload, "hotState"), c = !0, gt().then(() => {
       l = !0;
     });
-    for (const T in y._hmrPayload.actions) {
-      const R = y[T];
+    for (const T in b._hmrPayload.actions) {
+      const V = b[T];
       k[T] = //
-      N(R, T);
+      N(V, T);
     }
-    for (const T in y._hmrPayload.getters) {
-      const R = y._hmrPayload.getters[T], K = r ? (
+    for (const T in b._hmrPayload.getters) {
+      const V = b._hmrPayload.getters[T], K = r ? (
         // special handling of options api
-        ge(() => (ot(o), R.call(k, k)))
-      ) : R;
+        ge(() => (ot(o), V.call(k, k)))
+      ) : V;
       k[T] = //
       K;
     }
     Object.keys(k._hmrPayload.getters).forEach((T) => {
-      T in y._hmrPayload.getters || delete k[T];
+      T in b._hmrPayload.getters || delete k[T];
     }), Object.keys(k._hmrPayload.actions).forEach((T) => {
-      T in y._hmrPayload.actions || delete k[T];
-    }), k._hmrPayload = y._hmrPayload, k._getters = y._getters, k._hotUpdating = !1;
+      T in b._hmrPayload.actions || delete k[T];
+    }), k._hmrPayload = b._hmrPayload, k._getters = b._getters, k._hotUpdating = !1;
   })), process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && fe) {
-    const y = {
+    const b = {
       writable: !0,
       configurable: !0,
       // avoid warning on devtools trying to display this property
       enumerable: !1
     };
     ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((T) => {
-      Object.defineProperty(k, T, ee({ value: k[T] }, y));
+      Object.defineProperty(k, T, te({ value: k[T] }, b));
     });
   }
-  return o._p.forEach((y) => {
+  return o._p.forEach((b) => {
     if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && fe) {
-      const T = i.run(() => y({
+      const T = i.run(() => b({
         store: k,
         app: o._a,
         pinia: o,
         options: a
       }));
-      Object.keys(T || {}).forEach((R) => k._customProperties.add(R)), ee(k, T);
+      Object.keys(T || {}).forEach((V) => k._customProperties.add(V)), te(k, T);
     } else
-      ee(k, i.run(() => y({
+      te(k, i.run(() => b({
         store: k,
         app: o._a,
         pinia: o,
@@ -5647,14 +5647,14 @@ function bl(e, t, n) {
     const u = Lt();
     if (i = // in test mode, ignore the argument provided as we can always retrieve a
     // pinia instance with getActivePinia()
-    (process.env.NODE_ENV === "test" && Ae && Ae._testing ? null : i) || (u ? me(yt, null) : null), i && ot(i), process.env.NODE_ENV !== "production" && !Ae)
+    (process.env.NODE_ENV === "test" && Se && Se._testing ? null : i) || (u ? me(yt, null) : null), i && ot(i), process.env.NODE_ENV !== "production" && !Se)
       throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
 See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
 This will fail in production.`);
-    i = Ae, i._s.has(e) || (s ? en(e, t, o, i) : Yo(e, o, i), process.env.NODE_ENV !== "production" && (r._pinia = i));
+    i = Se, i._s.has(e) || (s ? en(e, t, o, i) : Yo(e, o, i), process.env.NODE_ENV !== "production" && (r._pinia = i));
     const l = i._s.get(e);
     if (process.env.NODE_ENV !== "production" && a) {
-      const c = "__hot:" + e, d = s ? en(c, t, o, i, !0) : Yo(c, ee({}, o), i, !0);
+      const c = "__hot:" + e, d = s ? en(c, t, o, i, !0) : Yo(c, te({}, o), i, !0);
       a._hotUpdate(d), delete i.state.value[c], i._s.delete(c);
     }
     if (process.env.NODE_ENV !== "production" && fe) {
@@ -5751,7 +5751,10 @@ const Ol = ml(), He = (/* @__PURE__ */ bl("global", {
     getActivePage: (e) => e.activePage,
     getIsAsideOpen: (e) => e.isAsideOpen
   }
-}))(Ol), Sl = { class: "nav-link" }, Al = { style: { "max-width": "1.1rem" } }, Tl = ["src"], kl = { class: "nav-link__pagename" }, Cl = { key: 0 }, wl = { key: 1 }, Zo = /* @__PURE__ */ V({
+}))(Ol), Sl = { class: "nav-link" }, Al = {
+  key: 0,
+  style: { "max-width": "1.1rem" }
+}, Tl = ["src"], kl = { class: "nav-link__pagename" }, Cl = { key: 0 }, wl = { key: 1 }, Zo = /* @__PURE__ */ $({
   __name: "NavLink",
   props: {
     page: {}
@@ -5767,8 +5770,8 @@ const Ol = ml(), He = (/* @__PURE__ */ bl("global", {
       }, t.storeTabs(r);
     }
     return (s, r) => {
-      const i = pe("router-link");
-      return v(), O("div", Sl, [
+      const i = he("router-link");
+      return v(), E("div", Sl, [
         P(Yi, {
           class: re([
             "nav-link__toggle-list",
@@ -5785,12 +5788,12 @@ const Ol = ml(), He = (/* @__PURE__ */ bl("global", {
             }, {
               default: q(() => [
                 f("div", null, [
-                  f("div", Al, [
+                  n.page.icon ? (v(), E("div", Al, [
                     f("img", {
                       src: n.page.icon.path,
                       style: { width: "100%", height: "auto" }
                     }, null, 8, Tl)
-                  ]),
+                  ])) : R("", !0),
                   f("div", kl, H(n.page.title), 1)
                 ])
               ]),
@@ -5798,11 +5801,11 @@ const Ol = ml(), He = (/* @__PURE__ */ bl("global", {
             }, 8, ["to"])
           ]),
           detailsContent: q(() => [
-            n.page.pages && Object.keys(n.page.pages).length > 0 ? (v(), O("div", Cl, [
+            n.page.pages && Object.keys(n.page.pages).length > 0 ? (v(), E("div", Cl, [
               P(tn, {
                 pages: n.page.pages
               }, null, 8, ["pages"])
-            ])) : (v(), O("div", wl, [...r[1] || (r[1] = [
+            ])) : (v(), E("div", wl, [...r[1] || (r[1] = [
               f("div", { class: "details__item" }, "No pages inside", -1)
             ])]))
           ]),
@@ -5811,7 +5814,7 @@ const Ol = ml(), He = (/* @__PURE__ */ bl("global", {
       ]);
     };
   }
-}), Il = { class: "nested-link" }, tn = /* @__PURE__ */ V({
+}), Il = { class: "nested-link" }, tn = /* @__PURE__ */ $({
   __name: "NestedLink",
   props: {
     pages: {}
@@ -5826,22 +5829,22 @@ const Ol = ml(), He = (/* @__PURE__ */ bl("global", {
       }
       return s(o);
     }
-    return (o, s) => (v(), O("div", Il, [
-      (v(!0), O(X, null, ce(t.pages, (r) => (v(), ie(Zo, {
+    return (o, s) => (v(), E("div", Il, [
+      (v(!0), E(X, null, ce(t.pages, (r) => (v(), ie(Zo, {
         key: r.id,
         page: r
       }, {
         default: q(() => [
-          r.pages ? (v(!0), O(X, { key: 0 }, ce(n(r.pages), (i) => (v(), ie(Zo, {
+          r.pages ? (v(!0), E(X, { key: 0 }, ce(n(r.pages), (i) => (v(), ie(Zo, {
             page: i,
             key: i.id
-          }, null, 8, ["page"]))), 128)) : B("", !0)
+          }, null, 8, ["page"]))), 128)) : R("", !0)
         ]),
         _: 2
       }, 1032, ["page"]))), 128))
     ]));
   }
-}), st = /* @__PURE__ */ V({
+}), st = /* @__PURE__ */ $({
   __name: "Modal",
   props: {
     hideModal: { type: Function },
@@ -5856,7 +5859,7 @@ const Ol = ml(), He = (/* @__PURE__ */ bl("global", {
       ref: o
     }), Ce(() => {
       n.hideModal(), n.addModalListener();
-    }), (s, r) => (v(), O("div", {
+    }), (s, r) => (v(), E("div", {
       class: "overlay",
       ref_key: "modalRef",
       ref: o
@@ -5876,20 +5879,20 @@ const Ol = ml(), He = (/* @__PURE__ */ bl("global", {
   return n;
 }, Dl = {}, Pl = { class: "divider-wrapper" };
 function xl(e, t) {
-  return v(), O("div", Pl, [...t[0] || (t[0] = [
+  return v(), E("div", Pl, [...t[0] || (t[0] = [
     f("div", { class: "divider" }, null, -1)
   ])]);
 }
 const Nl = /* @__PURE__ */ we(Dl, [["render", xl]]), Rl = {}, Vl = { class: "text" };
 function $l(e, t) {
-  return v(), O("span", Vl, [
+  return v(), E("span", Vl, [
     U(e.$slots, "default")
   ]);
 }
-const Ll = /* @__PURE__ */ we(Rl, [["render", $l]]), Fl = { class: "breadcrumb" }, Ml = { key: 0 }, Bl = {
+const Ll = /* @__PURE__ */ we(Rl, [["render", $l]]), Fl = { class: "breadcrumb" }, Ml = ["src"], Bl = { key: 0 }, Ul = {
   key: 1,
   class: "breadcrumb__dots"
-}, Ul = /* @__PURE__ */ V({
+}, jl = /* @__PURE__ */ $({
   __name: "Breadcrumb",
   setup(e) {
     const t = He, n = ge(() => {
@@ -5903,48 +5906,52 @@ const Ll = /* @__PURE__ */ we(Rl, [["render", $l]]), Fl = { class: "breadcrumb"
       return [];
     });
     return (o, s) => {
-      const r = pe("router-link");
-      return v(), O("div", Fl, [
-        (v(!0), O(X, null, ce(n.value, (i, a) => (v(), O("div", {
+      const r = he("router-link");
+      return v(), E("div", Fl, [
+        (v(!0), E(X, null, ce(n.value, (i, a) => (v(), E("div", {
           class: "breadcrumb__crumb",
           key: i.id
         }, [
           P(r, {
-            to: "/",
+            to: i.path,
             class: "breadcrumb__page"
           }, {
             default: q(() => [
               f("div", null, [
-                s[0] || (s[0] = f("img", { style: { "max-width": "1.1rem", height: "auto" } }, null, -1)),
+                i.icon ? (v(), E("img", {
+                  key: 0,
+                  style: { "max-width": "1.1rem", height: "auto" },
+                  src: i.icon.path
+                }, null, 8, Ml)) : R("", !0),
                 f("div", null, H(i.title), 1)
               ])
             ]),
             _: 2
-          }, 1024),
-          a !== n.value.length - 1 ? (v(), O("div", Ml, "/")) : B("", !0),
-          n.value.length > 2 ? (v(), O("div", Bl, "...")) : B("", !0)
+          }, 1032, ["to"]),
+          a !== n.value.length - 1 ? (v(), E("div", Bl, "/")) : R("", !0),
+          n.value.length > 2 ? (v(), E("div", Ul, "...")) : R("", !0)
         ]))), 128))
       ]);
     };
   }
-}), jl = { class: "img-wrapper" }, Hl = ["src"], Fd = /* @__PURE__ */ V({
+}), Hl = { class: "img-wrapper" }, zl = ["src"], Ud = /* @__PURE__ */ $({
   __name: "Image",
   props: {
     src: {}
   },
   setup(e) {
     const t = e;
-    return (n, o) => (v(), O("div", jl, [
+    return (n, o) => (v(), E("div", Hl, [
       f("img", {
         src: t.src
-      }, null, 8, Hl)
+      }, null, 8, zl)
     ]));
   }
-}), zl = {}, Kl = { class: "empty" };
-function Gl(e, t) {
-  return v(), O("div", Kl);
+}), Kl = {}, Gl = { class: "empty" };
+function ql(e, t) {
+  return v(), E("div", Gl);
 }
-const Md = /* @__PURE__ */ we(zl, [["render", Gl]]), ql = { class: "page-wrapper" }, Wl = {
+const jd = /* @__PURE__ */ we(Kl, [["render", ql]]), Wl = { class: "page-wrapper" }, Yl = {
   key: 0,
   class: "page-banner",
   style: {
@@ -5952,7 +5959,7 @@ const Md = /* @__PURE__ */ we(zl, [["render", Gl]]), ql = { class: "page-wrapper
     margin: "0px !important",
     "margin-top": "20px !important"
   }
-}, Yl = ["src"], Zl = { class: "page-title" }, Xl = ["src"], Jl = /* @__PURE__ */ V({
+}, Zl = ["src"], Xl = { class: "page-title" }, Jl = ["src"], Ql = /* @__PURE__ */ $({
   __name: "MainModalView",
   props: {
     hideModal: { type: Function },
@@ -5964,7 +5971,7 @@ const Md = /* @__PURE__ */ we(zl, [["render", Gl]]), ql = { class: "page-wrapper
   setup(e) {
     const t = e;
     return (n, o) => {
-      const s = pe("router-link");
+      const s = he("router-link");
       return v(), ie(is, { to: "body" }, [
         P(A(st), {
           class: "page-modal",
@@ -5978,27 +5985,28 @@ const Md = /* @__PURE__ */ we(zl, [["render", Gl]]), ql = { class: "page-wrapper
               to: t.page.path
             }, {
               default: q(() => [
-                P(te, {
+                P(Q, {
                   class: "page-modal__expand",
                   icon: A(j).expand
                 }, null, 8, ["icon"])
               ]),
               _: 1
             }, 8, ["to"]),
-            f("main", ql, [
-              t.page.banner.path ? (v(), O("div", Wl, [
+            f("main", Wl, [
+              t.page.banner ? (v(), E("div", Yl, [
                 f("img", {
                   src: t.page.banner.path
-                }, null, 8, Yl)
-              ])) : B("", !0),
+                }, null, 8, Zl)
+              ])) : R("", !0),
               f("div", {
-                class: re(["page-content", t.page.banner.path ? "page-content--banner" : ""]),
-                style: Be(t.page.banner.path ? { top: "150px" } : "")
+                class: re(["page-content", t.page.banner ? "page-content--banner" : ""]),
+                style: Be(t.page.banner ? { top: "150px" } : "")
               }, [
-                f("div", Zl, [
-                  f("img", {
+                f("div", Xl, [
+                  t.page.icon ? (v(), E("img", {
+                    key: 0,
                     src: t.page.icon.path
-                  }, null, 8, Xl),
+                  }, null, 8, Jl)) : R("", !0),
                   f("span", null, H(t.page.title), 1)
                 ]),
                 (v(), ie(as(t.component), {
@@ -6013,112 +6021,112 @@ const Md = /* @__PURE__ */ we(zl, [["render", Gl]]), ql = { class: "page-wrapper
       ]);
     };
   }
-}), Ql = {}, ec = { class: "callout" };
-function tc(e, t) {
-  return v(), O("div", ec, [
+}), ec = {}, tc = { class: "callout" };
+function nc(e, t) {
+  return v(), E("div", tc, [
     f("p", null, [
       U(e.$slots, "default")
     ])
   ]);
 }
-const Bd = /* @__PURE__ */ we(Ql, [["render", tc]]), nc = {
+const Hd = /* @__PURE__ */ we(ec, [["render", nc]]), oc = {
   key: 0,
   class: "columns"
-}, oc = {
+}, sc = {
   key: 0,
   class: "columns__column"
-}, sc = {
+}, rc = {
   key: 1,
   class: "columns__column"
-}, rc = {
+}, ic = {
   key: 2,
   class: "columns__column"
-}, ic = {
+}, ac = {
   key: 3,
   class: "columns__column"
-}, ac = {
+}, uc = {
   key: 4,
   class: "columns__column"
-}, Ud = /* @__PURE__ */ V({
+}, zd = /* @__PURE__ */ $({
   __name: "Column",
   props: {
     numberOfColumns: {}
   },
   setup(e) {
     const t = e;
-    return (n, o) => t.numberOfColumns ? (v(), O("div", nc, [
-      t.numberOfColumns > 1 ? (v(), O("div", oc, [
+    return (n, o) => t.numberOfColumns ? (v(), E("div", oc, [
+      t.numberOfColumns > 1 ? (v(), E("div", sc, [
         U(n.$slots, "column-1")
-      ])) : B("", !0),
-      t.numberOfColumns > 1 ? (v(), O("div", sc, [
+      ])) : R("", !0),
+      t.numberOfColumns > 1 ? (v(), E("div", rc, [
         U(n.$slots, "column-2")
-      ])) : B("", !0),
-      t.numberOfColumns >= 3 ? (v(), O("div", rc, [
+      ])) : R("", !0),
+      t.numberOfColumns >= 3 ? (v(), E("div", ic, [
         U(n.$slots, "column-3")
-      ])) : B("", !0),
-      t.numberOfColumns >= 4 ? (v(), O("div", ic, [
+      ])) : R("", !0),
+      t.numberOfColumns >= 4 ? (v(), E("div", ac, [
         U(n.$slots, "column-4")
-      ])) : B("", !0),
-      t.numberOfColumns >= 5 ? (v(), O("div", ac, [
+      ])) : R("", !0),
+      t.numberOfColumns >= 5 ? (v(), E("div", uc, [
         U(n.$slots, "column-5")
-      ])) : B("", !0)
-    ])) : B("", !0);
+      ])) : R("", !0)
+    ])) : R("", !0);
   }
-}), uc = {
+}), lc = {
   key: 0,
   class: "h1 heading"
-}, lc = {
+}, cc = {
   key: 1,
   class: "h2 heading"
-}, cc = {
+}, dc = {
   key: 2,
   class: "h3 heading"
-}, dc = {
+}, fc = {
   key: 3,
   class: "h4 heading"
-}, fc = {
+}, pc = {
   key: 4,
   class: "h5 heading"
-}, pc = {
+}, _c = {
   key: 5,
   class: "h6 heading"
-}, jd = /* @__PURE__ */ V({
+}, Kd = /* @__PURE__ */ $({
   __name: "Heading",
   props: {
     level: {}
   },
   setup(e) {
     const t = e;
-    return (n, o) => (v(), O(X, null, [
-      t.level == 1 ? (v(), O("h1", uc, [
+    return (n, o) => (v(), E(X, null, [
+      t.level == 1 ? (v(), E("h1", lc, [
         U(n.$slots, "default")
-      ])) : B("", !0),
-      t.level == 2 ? (v(), O("h2", lc, [
+      ])) : R("", !0),
+      t.level == 2 ? (v(), E("h2", cc, [
         U(n.$slots, "default")
-      ])) : B("", !0),
-      t.level == 3 ? (v(), O("h3", cc, [
+      ])) : R("", !0),
+      t.level == 3 ? (v(), E("h3", dc, [
         U(n.$slots, "default")
-      ])) : B("", !0),
-      t.level == 4 ? (v(), O("h4", dc, [
+      ])) : R("", !0),
+      t.level == 4 ? (v(), E("h4", fc, [
         U(n.$slots, "default")
-      ])) : B("", !0),
-      t.level == 5 ? (v(), O("h5", fc, [
+      ])) : R("", !0),
+      t.level == 5 ? (v(), E("h5", pc, [
         U(n.$slots, "default")
-      ])) : B("", !0),
-      t.level == 6 ? (v(), O("h6", pc, [
+      ])) : R("", !0),
+      t.level == 6 ? (v(), E("h6", _c, [
         U(n.$slots, "default")
-      ])) : B("", !0)
+      ])) : R("", !0)
     ], 64));
   }
-}), _c = {}, hc = { class: "loader" };
-function gc(e, t) {
-  return v(), O("div", hc);
+}), hc = {}, gc = { class: "loader" };
+function mc(e, t) {
+  return v(), E("div", gc);
 }
-const Hd = /* @__PURE__ */ we(_c, [["render", gc]]), mc = { class: "bullet-item" }, vc = /* @__PURE__ */ V({
+const Gd = /* @__PURE__ */ we(hc, [["render", mc]]), vc = { class: "bullet-item" }, Ec = /* @__PURE__ */ $({
   __name: "BulletItem",
   setup(e) {
-    return (t, n) => (v(), O("li", mc, [
-      P(te, {
+    return (t, n) => (v(), E("li", vc, [
+      P(Q, {
         class: "bullet-item__icon",
         icon: A(j).circle
       }, null, 8, ["icon"]),
@@ -6130,19 +6138,19 @@ const Hd = /* @__PURE__ */ we(_c, [["render", gc]]), mc = { class: "bullet-item"
       })
     ]));
   }
-}), Ec = { class: "bullet-list" }, zd = /* @__PURE__ */ V({
+}), yc = { class: "bullet-list" }, qd = /* @__PURE__ */ $({
   __name: "BulletList",
   props: {
     items: {}
   },
   setup(e) {
     const t = e;
-    return (n, o) => (v(), O("ul", Ec, [
-      t.items && t.items.length > 0 ? (v(!0), O(X, { key: 0 }, ce(t.items, (s, r) => (v(), ie(vc, {
+    return (n, o) => (v(), E("ul", yc, [
+      t.items && t.items.length > 0 ? (v(!0), E(X, { key: 0 }, ce(t.items, (s, r) => (v(), ie(Ec, {
         key: `${s}-${r}`
       }, {
         default: q(() => [
-          Ee(H(s), 1)
+          Ae(H(s), 1)
         ]),
         _: 2
       }, 1024))), 128)) : U(n.$slots, "default", { key: 1 })
@@ -6150,47 +6158,47 @@ const Hd = /* @__PURE__ */ we(_c, [["render", gc]]), mc = { class: "bullet-item"
   }
 });
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const yc = (e) => typeof e < "u";
-function bc(e) {
+const bc = (e) => typeof e < "u";
+function Oc(e) {
   return JSON.parse(JSON.stringify(e));
 }
 // @__NO_SIDE_EFFECTS__
-function Oc(e, t, n, o = {}) {
+function Sc(e, t, n, o = {}) {
   var s, r;
-  const { clone: i = !1, passive: a = !1, eventName: u, deep: l = !1, defaultValue: c, shouldEmit: d } = o, p = rs(), h = n || p?.emit || (p == null || (s = p.$emit) === null || s === void 0 ? void 0 : s.bind(p)) || (p == null || (r = p.proxy) === null || r === void 0 || (r = r.$emit) === null || r === void 0 ? void 0 : r.bind(p?.proxy));
+  const { clone: i = !1, passive: a = !1, eventName: u, deep: l = !1, defaultValue: c, shouldEmit: d } = o, p = rs(), _ = n || p?.emit || (p == null || (s = p.$emit) === null || s === void 0 ? void 0 : s.bind(p)) || (p == null || (r = p.proxy) === null || r === void 0 || (r = r.$emit) === null || r === void 0 ? void 0 : r.bind(p?.proxy));
   let m = u;
   m = m || `update:${t.toString()}`;
-  const b = (C) => i ? typeof i == "function" ? i(C) : bc(C) : C, _ = () => yc(e[t]) ? b(e[t]) : c, E = (C) => {
-    d ? d(C) && h(m, C) : h(m, C);
+  const O = (C) => i ? typeof i == "function" ? i(C) : Oc(C) : C, h = () => bc(e[t]) ? O(e[t]) : c, y = (C) => {
+    d ? d(C) && _(m, C) : _(m, C);
   };
   if (a) {
-    const C = M(_());
+    const C = B(h());
     let w = !1;
     return ve(() => e[t], (N) => {
-      w || (w = !0, C.value = b(N), gt(() => w = !1));
+      w || (w = !0, C.value = O(N), gt(() => w = !1));
     }), ve(C, (N) => {
-      !w && (N !== e[t] || l) && E(N);
+      !w && (N !== e[t] || l) && y(N);
     }, { deep: l }), C;
   } else return ge({
     get() {
-      return _();
+      return h();
     },
     set(C) {
-      E(C);
+      y(C);
     }
   });
 }
-const Sc = { class: "todo-item" }, Ac = /* @__PURE__ */ V({
+const Ac = { class: "todo-item" }, Tc = /* @__PURE__ */ $({
   __name: "ToDoItem",
   props: {
     isChecked: { type: Boolean }
   },
   emits: ["update:isChecked"],
   setup(e, { emit: t }) {
-    const n = e, s = /* @__PURE__ */ Oc(n, "isChecked", t);
+    const n = e, s = /* @__PURE__ */ Sc(n, "isChecked", t);
     return (r, i) => {
-      const a = pe("Text");
-      return v(), O("li", Sc, [
+      const a = he("Text");
+      return v(), E("li", Ac, [
         kr(f("input", {
           class: "todo-item__checkbox",
           type: "checkbox",
@@ -6209,29 +6217,29 @@ const Sc = { class: "todo-item" }, Ac = /* @__PURE__ */ V({
       ]);
     };
   }
-}), Tc = { class: "todo-list" }, Kd = /* @__PURE__ */ V({
+}), kc = { class: "todo-list" }, Wd = /* @__PURE__ */ $({
   __name: "ToDoList",
   props: {
     items: {}
   },
   setup(e) {
     const t = e;
-    return (n, o) => (v(), O("ul", Tc, [
-      t.items && t.items.length > 0 ? (v(!0), O(X, { key: 0 }, ce(t.items, (s, r) => (v(), ie(Ac, {
+    return (n, o) => (v(), E("ul", kc, [
+      t.items && t.items.length > 0 ? (v(!0), E(X, { key: 0 }, ce(t.items, (s, r) => (v(), ie(Tc, {
         key: `${s.name}-${r}`,
         "is-checked": s.isChecked
       }, {
         default: q(() => [
-          Ee(H(s.name), 1)
+          Ae(H(s.name), 1)
         ]),
         _: 2
       }, 1032, ["is-checked"]))), 128)) : U(n.$slots, "default", { key: 1 })
     ]));
   }
-}), kc = { class: "gallery" }, Cc = { class: "gallery__navbar" }, wc = { class: "gallery__menu" }, Ic = { class: "gallery__menu-item" }, Dc = { class: "gallery__title" }, Pc = { class: "gallery__cards-wrapper" }, xc = ["onClick"], Nc = {
+}), Cc = { class: "gallery" }, wc = { class: "gallery__navbar" }, Ic = { class: "gallery__menu" }, Dc = { class: "gallery__menu-item" }, Pc = { class: "gallery__title" }, xc = { class: "gallery__cards-wrapper" }, Nc = ["onClick"], Rc = {
   key: 1,
   class: "gallery__card-content--banner"
-}, Rc = ["src"], Vc = { class: "gallery__card-footer" }, $c = ["src"], Lc = /* @__PURE__ */ V({
+}, Vc = ["src"], $c = { class: "gallery__card-footer" }, Lc = ["src"], Fc = /* @__PURE__ */ $({
   __name: "DatabaseGalleryLayout",
   props: {
     title: {},
@@ -6240,7 +6248,7 @@ const Sc = { class: "todo-item" }, Ac = /* @__PURE__ */ V({
     pages: {}
   },
   setup(e) {
-    const t = M(!1), n = M(), o = e, { showModal: s, hideModal: r, addModalListener: i } = Xe({
+    const t = B(!1), n = B(), o = e, { showModal: s, hideModal: r, addModalListener: i } = Xe({
       provideName: "pageModal"
     });
     function a(u) {
@@ -6248,12 +6256,12 @@ const Sc = { class: "todo-item" }, Ac = /* @__PURE__ */ V({
         s();
       }, 250);
     }
-    return (u, l) => (v(), O(X, null, [
-      f("div", kc, [
-        f("div", Cc, [
-          f("ul", wc, [
-            f("li", Ic, [
-              P(te, {
+    return (u, l) => (v(), E(X, null, [
+      f("div", Cc, [
+        f("div", wc, [
+          f("ul", Ic, [
+            f("li", Dc, [
+              P(Q, {
                 icon: A(j).gridView
               }, null, 8, ["icon"]),
               l[0] || (l[0] = f("span", null, "Gallery", -1))
@@ -6264,11 +6272,11 @@ const Sc = { class: "todo-item" }, Ac = /* @__PURE__ */ V({
             ], -1))
           ]),
           f("div", null, [
-            f("h3", Dc, H(o.title), 1)
+            f("h3", Pc, H(o.title), 1)
           ])
         ]),
-        f("div", Pc, [
-          (v(!0), O(X, null, ce(e.pages, (c) => (v(), O("div", {
+        f("div", xc, [
+          (v(!0), E(X, null, ce(e.pages, (c) => (v(), E("div", {
             class: "gallery__card-wrapper",
             key: c.id,
             onClick: Re((d) => a(c), ["stop"])
@@ -6277,10 +6285,11 @@ const Sc = { class: "todo-item" }, Ac = /* @__PURE__ */ V({
               class: "gallery__card-content",
               style: Be(o.cardPreviewIsCover ? "" : { padding: "15px 13px 0px" })
             }, [
-              o.cardPreviewIsCover ? (v(), O("div", Nc, [
-                f("img", {
+              o.cardPreviewIsCover ? (v(), E("div", Rc, [
+                c.banner ? (v(), E("img", {
+                  key: 0,
                   src: c.banner.path
-                }, null, 8, Rc)
+                }, null, 8, Vc)) : R("", !0)
               ])) : (v(), ie(as(o.component), {
                 key: 0,
                 class: "gallery__card-content--content",
@@ -6288,31 +6297,32 @@ const Sc = { class: "todo-item" }, Ac = /* @__PURE__ */ V({
                 hideDatabase: !0
               }, null, 8, ["page"]))
             ], 4),
-            f("div", Vc, [
-              f("img", {
+            f("div", $c, [
+              c.icon ? (v(), E("img", {
+                key: 0,
                 class: "gallery__page-icon",
                 src: c.icon.path
-              }, null, 8, $c),
+              }, null, 8, Lc)) : R("", !0),
               f("div", null, H(c.title), 1)
             ])
-          ], 8, xc))), 128))
+          ], 8, Nc))), 128))
         ])
       ]),
-      t.value && n.value ? (v(), ie(A(Jl), {
+      t.value && n.value ? (v(), ie(A(Ql), {
         key: 0,
         provideName: "pageModal",
         component: o.component,
         page: n.value,
         hideModal: A(r),
         addModalListener: A(i)
-      }, null, 8, ["component", "page", "hideModal", "addModalListener"])) : B("", !0)
+      }, null, 8, ["component", "page", "hideModal", "addModalListener"])) : R("", !0)
     ], 64));
   }
-}), Fc = {};
-function Mc(e, t) {
+}), Mc = {};
+function Bc(e, t) {
   return "Database table";
 }
-const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
+const Uc = /* @__PURE__ */ we(Mc, [["render", Bc]]), Yd = /* @__PURE__ */ $({
   __name: "Database",
   props: {
     layout: {},
@@ -6323,15 +6333,15 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
   },
   setup(e) {
     const t = e;
-    return (n, o) => t.layout === "gallery" ? (v(), ie(Lc, {
+    return (n, o) => t.layout === "gallery" ? (v(), ie(Fc, {
       key: 0,
       "card-preview-is-cover": t.cardPreviewIsCover,
       title: t.title,
       pages: t.pages,
       component: t.component
-    }, null, 8, ["card-preview-is-cover", "title", "pages", "component"])) : (v(), ie(Bc, { key: 1 }));
+    }, null, 8, ["card-preview-is-cover", "title", "pages", "component"])) : (v(), ie(Uc, { key: 1 }));
   }
-}), Uc = { class: "bookmark" }, jc = ["href"], Hc = { class: "bookmark__left" }, zc = { class: "bookmark__left__title" }, Kc = { class: "bookmark__left__subtitle" }, qd = /* @__PURE__ */ V({
+}), jc = { class: "bookmark" }, Hc = ["href"], zc = { class: "bookmark__left" }, Kc = { class: "bookmark__left__title" }, Gc = { class: "bookmark__left__subtitle" }, Zd = /* @__PURE__ */ $({
   __name: "Bookmark",
   props: {
     title: {},
@@ -6340,20 +6350,20 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
   },
   setup(e) {
     const t = e;
-    return (n, o) => (v(), O("div", Uc, [
+    return (n, o) => (v(), E("div", jc, [
       f("a", {
         target: "_blank",
         href: t.link
       }, [
-        f("div", Hc, [
-          f("span", zc, H(t.title), 1),
-          f("span", Kc, H(t.subtitle), 1)
+        f("div", zc, [
+          f("span", Kc, H(t.title), 1),
+          f("span", Gc, H(t.subtitle), 1)
         ]),
         o[0] || (o[0] = f("div", null, null, -1))
-      ], 8, jc)
+      ], 8, Hc)
     ]));
   }
-}), Gc = ["target", "href"], Wd = /* @__PURE__ */ V({
+}), qc = ["target", "href"], Xd = /* @__PURE__ */ $({
   __name: "LinkMention",
   props: {
     href: {},
@@ -6362,14 +6372,14 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
   },
   setup(e) {
     const t = e;
-    return (n, o) => (v(), O("a", {
+    return (n, o) => (v(), E("a", {
       class: "link",
       target: t.target ? t.target : "_blank",
       href: t.href
     }, [
       f("div", null, [
-        Ee(H(t.emoji) + " ", 1),
-        P(te, {
+        Ae(H(t.emoji) + " ", 1),
+        P(Q, {
           class: "link__arrow",
           icon: A(j).arrowLink
         }, null, 8, ["icon"])
@@ -6377,9 +6387,9 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
       f("span", null, [
         U(n.$slots, "default")
       ])
-    ], 8, Gc));
+    ], 8, qc));
   }
-}), qc = { class: "option" }, Wc = { class: "option__list" }, Yc = ["onClick"], Zc = /* @__PURE__ */ V({
+}), Wc = { class: "option" }, Yc = { class: "option__list" }, Zc = ["onClick"], Xc = /* @__PURE__ */ $({
   __name: "OptionList",
   props: {
     options: {},
@@ -6387,12 +6397,12 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
   },
   emits: ["toSelect"],
   setup(e, { emit: t }) {
-    const n = e, o = M(n.optionSelected), s = t, r = (i) => {
+    const n = e, o = B(n.optionSelected), s = t, r = (i) => {
       o.value = i, s("toSelect", i);
     };
-    return (i, a) => (v(), O("div", qc, [
-      f("ul", Wc, [
-        (v(!0), O(X, null, ce(n.options, (u) => (v(), O("li", {
+    return (i, a) => (v(), E("div", Wc, [
+      f("ul", Yc, [
+        (v(!0), E(X, null, ce(n.options, (u) => (v(), E("li", {
           class: "option__item",
           key: u[0],
           onClick: (l) => r(u[0])
@@ -6403,16 +6413,16 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
               u[0] == n.optionSelected ? "option__active" : "option__not-active"
             )
           }, [
-            P(te, {
+            P(Q, {
               icon: A(j).check,
               class: "option__icon"
             }, null, 8, ["icon"])
           ], 2)
-        ], 8, Yc))), 128))
+        ], 8, Zc))), 128))
       ])
     ]));
   }
-}), Xc = { class: "theme-options" }, Jc = /* @__PURE__ */ V({
+}), Jc = { class: "theme-options" }, Qc = /* @__PURE__ */ $({
   __name: "SelectBtn",
   props: {
     options: {},
@@ -6421,20 +6431,20 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
   },
   emits: ["toSelect"],
   setup(e, { emit: t }) {
-    const n = e, o = M(n.optionSelected), s = t, { showModal: r, hideModal: i, addModalListener: a } = Xe({
+    const n = e, o = B(n.optionSelected), s = t, { showModal: r, hideModal: i, addModalListener: a } = Xe({
       provideName: n.menuProvideName
     });
     function u(l) {
       o.value = l, s("toSelect", l), i();
     }
-    return (l, c) => (v(), O("div", null, [
+    return (l, c) => (v(), E("div", null, [
       f("div", {
         class: "select-btn",
         onClick: c[0] || (c[0] = //@ts-ignore
         (...d) => A(r) && A(r)(...d))
       }, [
         f("button", null, H(n.optionSelected), 1),
-        P(te, {
+        P(Q, {
           icon: A(j).arrowDown
         }, null, 8, ["icon"])
       ]),
@@ -6446,8 +6456,8 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
         addModalListener: A(a)
       }, {
         default: q(() => [
-          f("div", Xc, [
-            P(Zc, {
+          f("div", Jc, [
+            P(Xc, {
               options: n.options,
               onToSelect: u,
               optionSelected: o.value
@@ -6458,7 +6468,7 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
       }, 8, ["provideName", "hideModal", "addModalListener"])
     ]));
   }
-}), Xo = () => navigator.maxTouchPoints > 1, Yd = ({
+}), Xo = () => navigator.maxTouchPoints > 1, Jd = ({
   id: e = "",
   title: t = "",
   parentPage: n,
@@ -6467,36 +6477,38 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
   component: r,
   bannerAuthor: i,
   bannerLink: a,
-  iconPath: u,
-  iconAuthor: l,
-  iconLink: c,
-  tags: d
-}) => ({
-  id: e,
-  banner: {
+  iconAuthor: u,
+  iconLink: l,
+  tags: c,
+  hasIcon: d = !0,
+  hasBanner: p = !0
+}) => {
+  const _ = {
+    id: e,
+    title: t,
+    path: s ? "/" : `/${e}`,
+    parentPage: n,
+    pages: o,
+    isHomepage: s,
+    component: r,
+    tags: c
+  };
+  return p && (_.banner = {
     path: `/banners/${e}.webp`,
     author: i,
     link: a
-  },
-  icon: {
-    path: `${u}`,
-    author: l,
-    link: c
-  },
-  title: t,
-  path: s ? "/" : `/${e}`,
-  parentPage: n,
-  pages: o,
-  isHomepage: s,
-  component: r,
-  tags: d
-}), Qc = { class: "nav-list-wrapper" }, ed = { class: "nav-list" }, td = { class: "nav-list__nav-item" }, nd = { class: "nav-list__nav-item" }, od = { class: "nav-list__nav-item" }, sd = { class: "nav-list__nav-item" }, rd = { class: "modal__settings" }, id = { class: "modal__appearance" }, Jo = "settingsModal", Qo = "searchModal", ad = "themesMenu", Zd = /* @__PURE__ */ V({
+  }), d && (_.icon = {
+    path: `/icons/${e}.png`,
+    author: u,
+    link: l
+  }), _;
+}, ed = { class: "nav-list-wrapper" }, td = { class: "nav-list" }, nd = { class: "nav-list__nav-item" }, od = { class: "nav-list__nav-item" }, sd = { class: "nav-list__nav-item" }, rd = { class: "nav-list__nav-item" }, id = { class: "modal__settings" }, ad = { class: "modal__appearance" }, Jo = "settingsModal", Qo = "searchModal", ud = "themesMenu", Qd = /* @__PURE__ */ $({
   __name: "Aside",
   props: {
     metadata: {}
   },
   setup(e) {
-    const t = He, n = sn(), o = M(!n), s = M(!1), r = M(n), i = M(n ? j.doubleArrowLeft : j.sandwich), a = M(!n), u = me(Ft), l = me(Mt), c = e, d = ge(() => ({
+    const t = He, n = sn(), o = B(!n), s = B(!1), r = B(n), i = B(n ? j.doubleArrowLeft : j.sandwich), a = B(!n), u = me(Ft), l = me(Mt), c = e, d = ge(() => ({
       "aside-default": a.value,
       "aside-click": !a.value
     })), p = ge(() => ({
@@ -6504,28 +6516,28 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
       "nav-hover": s.value,
       "nav-click": r.value
     })), {
-      showModal: h,
+      showModal: _,
       hideModal: m,
-      addModalListener: b
+      addModalListener: O
     } = Xe({ provideName: Jo }), {
-      showModal: _,
-      hideModal: E,
+      showModal: h,
+      hideModal: y,
       addModalListener: C
     } = Xe({ provideName: Qo });
-    function w(L) {
-      t.storeTheme(L);
+    function w(F) {
+      t.storeTheme(F);
     }
-    function N(L = !0) {
-      a.value = L, u && l && (u.value = L, l.value = L);
+    function N(F = !0) {
+      a.value = F, u && l && (u.value = F, l.value = F);
     }
     function Y() {
       r.value ? (N(), o.value = !0, r.value = !1, t.storeIsAsideOpen(!1), Xo() || (s.value = !0)) : (N(!1), o.value = !1, s.value = !1, r.value = !0, t.storeIsAsideOpen(!0));
     }
-    function D(L = !1) {
-      a.value && (Xo() ? s.value = !1 : s.value = L);
+    function D(F = !1) {
+      a.value && (Xo() ? s.value = !1 : s.value = F);
     }
-    ve(p, (L) => {
-      L["nav-hover"] ? i.value = j.doubleArrowRight : L["nav-default"] ? i.value = j.sandwich : L["nav-click"] && (i.value = j.doubleArrowLeft);
+    ve(p, (F) => {
+      F["nav-hover"] ? i.value = j.doubleArrowRight : F["nav-default"] ? i.value = j.sandwich : F["nav-click"] && (i.value = j.doubleArrowLeft);
     });
     function k() {
       Ur(t.isAsideOpen);
@@ -6534,13 +6546,13 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
       window.addEventListener("beforeunload", k);
     }), Ot(() => {
       window.removeEventListener("beforeunload", k);
-    }), (L, I) => (v(), O(X, null, [
+    }), (F, I) => (v(), E(X, null, [
       f("aside", {
         class: re(d.value)
       }, [
         f("div", {
           class: "nav-wrapper",
-          onMouseenter: I[3] || (I[3] = (y) => D(!0))
+          onMouseenter: I[3] || (I[3] = (b) => D(!0))
         }, [
           f("nav", {
             class: re(p.value)
@@ -6550,24 +6562,24 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
               role: "button",
               id: "nav-btn",
               onClick: Y,
-              onMouseenter: I[0] || (I[0] = (y) => D(!0)),
+              onMouseenter: I[0] || (I[0] = (b) => D(!0)),
               onTouchstart: Y
             }, [
-              P(te, { icon: i.value }, null, 8, ["icon"])
+              P(Q, { icon: i.value }, null, 8, ["icon"])
             ], 32),
-            f("div", Qc, [
-              f("ul", ed, [
-                f("li", td, [
+            f("div", ed, [
+              f("ul", td, [
+                f("li", nd, [
                   f("span", null, H(c.metadata.user.author), 1),
-                  Ee(" " + H(c.metadata.user.socialMedia), 1)
+                  Ae(" " + H(c.metadata.user.socialMedia), 1)
                 ]),
-                f("li", nd, [
+                f("li", od, [
                   f("div", {
                     role: "button",
                     onClick: I[1] || (I[1] = //@ts-ignore
-                    (...y) => A(_) && A(_)(...y))
+                    (...b) => A(h) && A(h)(...b))
                   }, [
-                    P(te, {
+                    P(Q, {
                       icon: A(j).search
                     }, null, 8, ["icon"]),
                     I[5] || (I[5] = f("span", null, "Search", -1))
@@ -6576,21 +6588,21 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
                     role: "button",
                     id: "settings-btn",
                     onClick: I[2] || (I[2] = //@ts-ignore
-                    (...y) => A(h) && A(h)(...y))
+                    (...b) => A(_) && A(_)(...b))
                   }, [
-                    P(te, {
+                    P(Q, {
                       icon: A(j).settings
                     }, null, 8, ["icon"]),
                     I[6] || (I[6] = f("span", null, "Settings", -1))
                   ])
                 ]),
-                f("li", od, [
+                f("li", sd, [
                   I[7] || (I[7] = f("div", { class: "nav-list__nav-item--category" }, "Favorites", -1)),
                   P(tn, {
                     pages: c.metadata.favorites
                   }, null, 8, ["pages"])
                 ]),
-                f("li", sd, [
+                f("li", rd, [
                   I[8] || (I[8] = f("div", { class: "nav-list__nav-item--category" }, "Private", -1)),
                   P(tn, {
                     pages: c.metadata.pages
@@ -6602,29 +6614,29 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
         ], 32),
         f("div", {
           style: Be([{ position: "absolute", top: "-47px", left: "230px", width: "600px", height: "100vh" }, { display: s.value ? "block" : "none" }]),
-          onMouseenter: I[4] || (I[4] = (y) => D())
+          onMouseenter: I[4] || (I[4] = (b) => D())
         }, null, 36)
       ], 2),
       (v(), ie(is, { to: "body" }, [
         P(A(st), {
           provideName: Jo,
-          addModalListener: A(b),
+          addModalListener: A(O),
           hideModal: A(m),
           isStatic: !0
         }, {
           default: q(() => [
-            f("div", rd, [
+            f("div", id, [
               I[10] || (I[10] = f("h2", { class: "modal__settings-title" }, "My settings", -1)),
               P(A(Nl)),
-              f("div", id, [
+              f("div", ad, [
                 I[9] || (I[9] = f("div", null, [
                   f("h3", null, "Appearance"),
                   f("h4", null, "Customize how Notion Portfolio looks on your device")
                 ], -1)),
                 f("div", null, [
-                  P(Jc, {
+                  P(Qc, {
                     options: Object.entries(A(mt)),
-                    menuProvideName: ad,
+                    menuProvideName: ud,
                     optionSelected: A(mt)[`${A(t).getTheme}`],
                     onToSelect: w
                   }, null, 8, ["options", "optionSelected"])
@@ -6637,7 +6649,7 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
         P(A(st), {
           provideName: Qo,
           addModalListener: A(C),
-          hideModal: A(E),
+          hideModal: A(y),
           isStatic: !0
         }, {
           default: q(() => [...I[11] || (I[11] = [
@@ -6648,7 +6660,7 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
       ]))
     ], 64));
   }
-}), es = /* @__PURE__ */ V({
+}), es = /* @__PURE__ */ $({
   __name: "Toggle",
   props: {
     active: { type: Boolean },
@@ -6659,7 +6671,7 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
     const n = e, o = me(n.provideName);
     return t({
       ref: o
-    }), (s, r) => (v(), O("div", {
+    }), (s, r) => (v(), E("div", {
       class: "toggle",
       onClick: r[1] || (r[1] = //@ts-ignore
       (...i) => n.toToggle && n.toToggle(...i))
@@ -6679,7 +6691,7 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
       ])], 2)
     ]));
   }
-}), ud = { class: "header" }, ld = { class: "header__content" }, cd = { class: "header-menu__style" }, dd = { class: "header-menu__fonts" }, fd = ["onClick"], pd = { class: "header-menu__font-name" }, _d = { class: "header-menu__size-and-width" }, ts = "pageSize", ns = "fontSize", os = "headerMenu", Xd = /* @__PURE__ */ V({
+}), ld = { class: "header" }, cd = { class: "header__content" }, dd = { class: "header-menu__style" }, fd = { class: "header-menu__fonts" }, pd = ["onClick"], _d = { class: "header-menu__font-name" }, hd = { class: "header-menu__size-and-width" }, ts = "pageSize", ns = "fontSize", os = "headerMenu", ef = /* @__PURE__ */ $({
   __name: "Header",
   setup(e) {
     const t = He, n = Object.entries(vs), { active: o, toToggle: s } = Cn({
@@ -6711,78 +6723,75 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
       window.addEventListener("beforeunload", c);
     }), Ot(() => {
       window.removeEventListener("beforeunload", c);
-    }), (d, p) => {
-      const h = pe("Icon");
-      return v(), O(X, null, [
-        f("header", ud, [
-          f("div", ld, [
-            P(A(Ul)),
-            p[1] || (p[1] = f("div", null, null, -1)),
-            f("div", {
-              class: "header__btn",
-              role: "button",
-              id: "header-btn",
-              onClick: p[0] || (p[0] = //@ts-ignore
-              (...m) => A(a) && A(a)(...m))
-            }, [
-              P(h, {
-                icon: A(j).moreHorizontal
-              }, null, 8, ["icon"])
-            ])
+    }), (d, p) => (v(), E(X, null, [
+      f("header", ld, [
+        f("div", cd, [
+          P(A(jl)),
+          p[1] || (p[1] = f("div", null, null, -1)),
+          f("div", {
+            class: "header__btn",
+            role: "button",
+            id: "header-btn",
+            onClick: p[0] || (p[0] = //@ts-ignore
+            (..._) => A(a) && A(a)(..._))
+          }, [
+            P(Q, {
+              icon: A(j).moreHorizontal
+            }, null, 8, ["icon"])
           ])
-        ]),
-        P(A(st), {
-          class: "header-menu",
-          provideName: os,
-          hideModal: A(u),
-          addModalListener: A(l),
-          modalStyles: { top: "77px", right: "10px" }
-        }, {
-          default: q(() => [
-            f("div", cd, [
-              p[3] || (p[3] = f("span", null, "Style", -1)),
-              f("div", dd, [
-                (v(!0), O(X, null, ce(A(n), ([m, b]) => (v(), O("div", {
-                  key: m,
-                  class: re(["header-menu__font-wrapper", {
-                    "header-menu__font-wrapper--active": !A(t).getDynamicCurrentPageInfo?.settings.fontFamily && m === "font-roboto" || A(t).getDynamicCurrentPageInfo?.settings.fontFamily === m
-                  }]),
-                  onClick: (_) => A(t).storeDynamicPageInfo({ fontFamily: m })
-                }, [
-                  p[2] || (p[2] = f("span", { class: "header-menu__ag" }, "Ag", -1)),
-                  f("span", pd, H(b), 1)
-                ], 10, fd))), 128))
-              ])
-            ]),
-            f("div", _d, [
-              P(es, {
-                provideName: ns,
-                active: A(o),
-                toToggle: A(s)
-              }, {
-                default: q(() => [...p[4] || (p[4] = [
-                  Ee("Small Text", -1)
-                ])]),
-                _: 1
-              }, 8, ["active", "toToggle"]),
-              P(es, {
-                provideName: ts,
-                active: A(r),
-                toToggle: A(i)
-              }, {
-                default: q(() => [...p[5] || (p[5] = [
-                  Ee("Full width", -1)
-                ])]),
-                _: 1
-              }, 8, ["active", "toToggle"])
+        ])
+      ]),
+      P(A(st), {
+        class: "header-menu",
+        provideName: os,
+        hideModal: A(u),
+        addModalListener: A(l),
+        modalStyles: { top: "77px", right: "10px" }
+      }, {
+        default: q(() => [
+          f("div", dd, [
+            p[3] || (p[3] = f("span", null, "Style", -1)),
+            f("div", fd, [
+              (v(!0), E(X, null, ce(A(n), ([_, m]) => (v(), E("div", {
+                key: _,
+                class: re(["header-menu__font-wrapper", {
+                  "header-menu__font-wrapper--active": !A(t).getDynamicCurrentPageInfo?.settings.fontFamily && _ === "font-roboto" || A(t).getDynamicCurrentPageInfo?.settings.fontFamily === _
+                }]),
+                onClick: (O) => A(t).storeDynamicPageInfo({ fontFamily: _ })
+              }, [
+                p[2] || (p[2] = f("span", { class: "header-menu__ag" }, "Ag", -1)),
+                f("span", _d, H(m), 1)
+              ], 10, pd))), 128))
             ])
           ]),
-          _: 1
-        }, 8, ["hideModal", "addModalListener"])
-      ], 64);
-    };
+          f("div", hd, [
+            P(es, {
+              provideName: ns,
+              active: A(o),
+              toToggle: A(s)
+            }, {
+              default: q(() => [...p[4] || (p[4] = [
+                Ae("Small Text", -1)
+              ])]),
+              _: 1
+            }, 8, ["active", "toToggle"]),
+            P(es, {
+              provideName: ts,
+              active: A(r),
+              toToggle: A(i)
+            }, {
+              default: q(() => [...p[5] || (p[5] = [
+                Ae("Full width", -1)
+              ])]),
+              _: 1
+            }, 8, ["active", "toToggle"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["hideModal", "addModalListener"])
+    ], 64));
   }
-}), hd = { class: "tabs" }, gd = ["onClick", "onTouchstart"], md = ["onClick", "onTouchstart"], Jd = /* @__PURE__ */ V({
+}), gd = { class: "tabs" }, md = ["onClick", "onTouchstart"], vd = ["onClick", "onTouchstart"], tf = /* @__PURE__ */ $({
   __name: "Tabs",
   emits: ["navigate"],
   setup(e, { emit: t }) {
@@ -6821,47 +6830,47 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
       window.addEventListener("load", a), window.addEventListener("beforeunload", u);
     }), Ot(() => {
       window.removeEventListener("load", a), window.addEventListener("beforeunload", u);
-    }), (l, c) => (v(), O("div", hd, [
-      (v(!0), O(X, null, ce(A(n).tabs.entries(), ([d, p]) => (v(), O("div", {
+    }), (l, c) => (v(), E("div", gd, [
+      (v(!0), E(X, null, ce(A(n).tabs.entries(), ([d, p]) => (v(), E("div", {
         class: re(["tabs__tab", A(n).activeTab == d ? "tabs__tab--active" : ""]),
         key: d,
-        onClick: Re((h) => s(d), ["stop"]),
-        onTouchstart: (h) => s(d)
+        onClick: Re((_) => s(d), ["stop"]),
+        onTouchstart: (_) => s(d)
       }, [
-        Ee(H(p.pageName) + " ", 1),
+        f("span", null, H(p.pageName), 1),
         f("button", {
           class: "tabs__tab--close",
-          onClick: Re((h) => i(d), ["stop"]),
-          onTouchstart: (h) => i(d)
+          onClick: Re((_) => i(d), ["stop"]),
+          onTouchstart: (_) => i(d)
         }, [
-          P(te, {
+          P(Q, {
             icon: A(j).close
           }, null, 8, ["icon"])
-        ], 40, md)
-      ], 42, gd))), 128)),
-      A(n).tabs.length < 10 ? (v(), O("button", {
+        ], 40, vd)
+      ], 42, md))), 128)),
+      A(n).tabs.length < 10 ? (v(), E("button", {
         key: 0,
         class: "tabs__add",
         onClick: c[0] || (c[0] = Re((d) => r(), ["stop"])),
         onTouchstart: c[1] || (c[1] = (d) => r())
       }, [
-        P(te, {
+        P(Q, {
           icon: A(j).add
         }, null, 8, ["icon"])
-      ], 32)) : B("", !0)
+      ], 32)) : R("", !0)
     ]));
   }
-}), vd = (e) => {
+}), Ed = (e) => {
   if (!e) return;
   const t = new Date(e);
   return `${t.getMonth()}-${t.getDate()}-${t.getFullYear()}`;
-}, Ed = {
+}, yd = {
   key: 0,
   class: "page-banner"
-}, yd = ["src"], bd = ["href"], Od = { class: "page-title" }, Sd = ["src"], Ad = {
+}, bd = ["src"], Od = ["href"], Sd = { class: "page-title" }, Ad = { class: "page-title__img-wrapper" }, Td = ["src"], kd = ["href"], Cd = {
   key: 0,
   class: "database"
-}, Td = { class: "database__property" }, kd = { class: "database__property--val" }, Cd = { key: 0 }, wd = { key: 1 }, Id = { key: 0 }, Dd = { class: "database__property" }, Pd = { class: "database__property--val" }, xd = { class: "multi-select" }, Qd = /* @__PURE__ */ V({
+}, wd = { class: "database__property" }, Id = { class: "database__property--val" }, Dd = { key: 0 }, Pd = { key: 1 }, xd = { key: 0 }, Nd = { class: "database__property" }, Rd = { class: "database__property--val" }, Vd = { class: "multi-select" }, nf = /* @__PURE__ */ $({
   __name: "main",
   props: {
     activePage: {}
@@ -6883,72 +6892,84 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
     function s() {
       Mr(t.getTheme);
     }
-    const r = vd(t.getDynamicPageInfo[e.activePage.id]?.created);
+    const r = Ed(t.getDynamicPageInfo[e.activePage.id]?.created);
     return Ce(() => {
       window.addEventListener("beforeunload", s);
     }), Ot(() => {
       window.removeEventListener("beforeunload", s);
     }), (i, a) => {
-      const u = pe("Icon"), l = pe("Empty"), c = pe("router-view");
-      return v(), O("main", {
+      const u = he("Icon"), l = he("Empty"), c = he("router-view");
+      return v(), E("main", {
         class: re(["page-wrapper", [
           A(t).getDynamicCurrentPageInfo?.settings.fontSize,
           A(t).getDynamicCurrentPageInfo?.settings.fontFamily,
           A(t).getDynamicCurrentPageInfo?.settings.pageSize
         ]])
       }, [
-        e.activePage.banner.path ? (v(), O("div", Ed, [
+        e.activePage.banner ? (v(), E("div", yd, [
           f("img", {
             src: e.activePage.banner.path
-          }, null, 8, yd),
+          }, null, 8, bd),
           f("a", {
-            href: e.activePage.banner.link
-          }, H(e.activePage.banner.author), 9, bd)
-        ])) : B("", !0),
+            href: e.activePage.banner.link,
+            target: "_blank"
+          }, H(e.activePage.banner.author), 9, Od)
+        ])) : R("", !0),
         f("div", {
-          class: re(["page-content", e.activePage.banner.path ? "page-content--banner" : ""])
+          class: re(["page-content", {
+            "page-content--banner": e.activePage.banner?.path,
+            "page-content--icon": e.activePage.icon
+          }])
         }, [
-          f("div", Od, [
-            f("img", {
-              src: e.activePage.icon.path
-            }, null, 8, Sd),
+          f("div", Sd, [
+            f("div", Ad, [
+              e.activePage.icon ? (v(), E("img", {
+                key: 0,
+                src: e.activePage.icon.path
+              }, null, 8, Td)) : R("", !0),
+              e.activePage.icon?.link && e.activePage.icon?.author ? (v(), E("a", {
+                key: 1,
+                target: "_blank",
+                href: e.activePage.icon.link
+              }, H(e.activePage.icon.author), 9, kd)) : R("", !0)
+            ]),
             f("span", null, H(e.activePage.title), 1)
           ]),
-          e.activePage.parentPage ? (v(), O("table", Ad, [
+          e.activePage.parentPage ? (v(), E("table", Cd, [
             f("thead", null, [
               a[2] || (a[2] = f("tr", null, [
                 f("th"),
                 f("th", { width: "100%" })
               ], -1)),
               f("tr", null, [
-                f("td", Td, [
+                f("td", wd, [
                   P(u, {
                     icon: A(j).clock
                   }, null, 8, ["icon"]),
                   a[0] || (a[0] = f("span", null, "Created", -1))
                 ]),
-                f("td", kd, [
-                  A(r) ? (v(), O("span", Cd, H(A(r)), 1)) : (v(), O("span", wd, "Empty"))
+                f("td", Id, [
+                  A(r) ? (v(), E("span", Dd, H(A(r)), 1)) : (v(), E("span", Pd, "Empty"))
                 ])
               ]),
-              e.activePage.tags && e.activePage.tags.length > 0 ? (v(), O("tr", Id, [
-                f("td", Dd, [
+              e.activePage.tags && e.activePage.tags.length > 0 ? (v(), E("tr", xd, [
+                f("td", Nd, [
                   P(u, {
                     icon: A(j).list
                   }, null, 8, ["icon"]),
                   a[1] || (a[1] = f("span", null, "Tags", -1))
                 ]),
-                f("td", Pd, [
-                  f("div", xd, [
-                    (v(!0), O(X, null, ce(e.activePage.tags, (d) => (v(), O("div", {
+                f("td", Rd, [
+                  f("div", Vd, [
+                    (v(!0), E(X, null, ce(e.activePage.tags, (d) => (v(), E("div", {
                       key: d,
                       style: Be({ "background-color": o() })
                     }, H(d), 5))), 128))
                   ])
                 ])
-              ])) : B("", !0)
+              ])) : R("", !0)
             ])
-          ])) : B("", !0),
+          ])) : R("", !0),
           P(l),
           P(c),
           a[3] || (a[3] = f("div", { style: { width: "auto", height: "200px" } }, null, -1))
@@ -6956,23 +6977,23 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
       ], 2);
     };
   }
-}), Nd = { class: "not-found" }, Rd = { class: "not-found__btn" }, Vd = /* @__PURE__ */ V({
+}), $d = { class: "not-found" }, Ld = { class: "not-found__btn" }, Fd = /* @__PURE__ */ $({
   __name: "NotFound",
   props: ["previousRoute"],
   setup(e) {
     const t = e;
     return (n, o) => {
-      const s = pe("router-link");
-      return v(), O("div", Nd, [
+      const s = he("router-link");
+      return v(), E("div", $d, [
         f("div", null, [
           f("div", null, [
             o[1] || (o[1] = f("p", null, "This content does not exist", -1)),
-            f("div", Rd, [
+            f("div", Ld, [
               P(s, {
                 to: t.previousRoute || "/"
               }, {
                 default: q(() => [...o[0] || (o[0] = [
-                  Ee("Back to my content", -1)
+                  Ae("Back to my content", -1)
                 ])]),
                 _: 1
               }, 8, ["to"])
@@ -6982,35 +7003,35 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
       ]);
     };
   }
-}), ef = /* @__PURE__ */ we(Vd, [["__scopeId", "data-v-da0e2775"]]);
+}), of = /* @__PURE__ */ we(Fd, [["__scopeId", "data-v-da0e2775"]]);
 export {
-  Zd as Aside,
-  qd as Bookmark,
-  Ul as Breadcrumb,
-  vc as BulletItem,
-  zd as BulletList,
-  Bd as Callout,
-  Ud as Column,
-  Gd as Database,
+  Qd as Aside,
+  Zd as Bookmark,
+  jl as Breadcrumb,
+  Ec as BulletItem,
+  qd as BulletList,
+  Hd as Callout,
+  zd as Column,
+  Yd as Database,
   Nl as Divider,
-  Md as Empty,
-  Xd as Header,
-  jd as Heading,
-  Fd as Image,
-  Wd as LinkMention,
-  Hd as Loader,
-  Qd as MainLayout,
-  Jl as MainModalView,
+  jd as Empty,
+  ef as Header,
+  Kd as Heading,
+  Ud as Image,
+  Xd as LinkMention,
+  Gd as Loader,
+  nf as MainLayout,
+  Ql as MainModalView,
   st as Modal,
-  ef as NotFoundPage,
-  Jd as Tabs,
+  of as NotFoundPage,
+  tf as Tabs,
   Ll as Text,
-  Ac as ToDoItem,
-  Kd as ToDoList,
-  Yd as createPage,
+  Tc as ToDoItem,
+  Wd as ToDoList,
+  Jd as createPage,
   Xo as isTouchDevice,
   Ol as piniaInstance,
-  Ld as useAside,
+  Bd as useAside,
   jr as useDisplay,
   Xe as useModal,
   He as useStore,