npm - @lauravivan/notion-portfolio - Versions diffs - 1.0.4 → 1.0.5 - Mend

@lauravivan/notion-portfolio 1.0.4 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/icons/page-example.png +0 -0
package/dist/index.es.js +454 -430
package/dist/notion-portfolio.css +1 -1
package/dist/packages/core/store/store.d.ts +56 -56
package/dist/packages/core/util/createPage.d.ts +5 -3
package/package.json +1 -1

package/dist/index.es.js CHANGED Viewed

@@ -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 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";
+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 = () => {
@@ -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,10 +423,10 @@ function si(e, t) {
     height: n.height
   };
   let r = n.body;
-  [n, o].forEach((b) => {
-    const h = [], E = b.hFlip, C = b.vFlip;
-    let w = b.rotate;
-    E ? C ? w += 2 : (h.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() + ")"
     ), h.push("scale(-1 1)"), s.top = s.left = 0) : C && (h.push(
       "translate(" + (0 - s.left).toString() + " " + (s.height + s.top).toString() + ")"
@@ -458,8 +458,8 @@ function si(e, t) {
   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 = {}, _ = (b, h) => {
-    oi(h) || (p[b] = h.toString());
+  const p = {}, _ = (O, h) => {
+    oi(h) || (p[O] = h.toString());
   };
   _("width", c), _("height", d);
   const m = [s.left, s.top, u, l];
@@ -760,7 +760,7 @@ function Ai(e, t, n, 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 = [];
@@ -768,7 +768,7 @@ function Ai(e, t, n, o) {
   function h(D, k) {
     k && (_ = []), typeof D == "function" && _.push(D);
   }
-  function E() {
+  function y() {
     return {
       startTime: a,
       payload: t,
@@ -776,7 +776,7 @@ function Ai(e, t, n, o) {
       queriesSent: l,
       queriesPending: p.length,
       subscribe: h,
-      abort: b
+      abort: O
     };
   }
   function 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", _.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 = {
@@ -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 h = t[b];
+  for (let O in t) {
+    const h = t[O];
     if (h !== void 0)
-      switch (b) {
+      switch (O) {
         // Properties to ignore
         case "icon":
         case "style":
@@ -1147,7 +1147,7 @@ const Mn = (e, t) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          n[b] = h === !0 || h === "true" || h === 1;
+          n[O] = h === !0 || h === "true" || h === 1;
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
@@ -1159,7 +1159,7 @@ const Mn = (e, t) => {
           break;
         // Rotation as string
         case "rotate":
-          typeof h == "string" ? n[b] = Ri(h) : typeof h == "number" && (n[b] = h);
+          typeof h == "string" ? n[O] = Ri(h) : typeof h == "number" && (n[O] = h);
           break;
         // Remove aria-hidden
         case "ariaHidden":
@@ -1167,8 +1167,8 @@ const Mn = (e, t) => {
           h !== !0 && h !== "true" && delete o["aria-hidden"];
           break;
         default: {
-          const E = lt[b];
-          E ? (h === !0 || h === "true" || h === 1) && (n[E] = !0) : Vn[b] === void 0 && (o[b] = h);
+          const y = lt[O];
+          y ? (h === !0 || h === "true" || h === 1) && (n[y] = !0) : Vn[O] === void 0 && (o[O] = h);
         }
       }
   }
@@ -1178,8 +1178,8 @@ const Mn = (e, t) => {
       ...r,
       ...a
     }, Object.assign(o, l);
-    let b = 0, h = t.id;
-    return typeof h == "string" && (h = h.replace(/-/g, "_")), o.innerHTML = ui(u.body, h ? () => h + "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, _ = s === "mask" || (s === "bg" ? !1 : c.indexOf("currentColor") !== -1), m = Vi(c, {
     ...l,
@@ -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")
@@ -1317,29 +1317,29 @@ const Ui = {
 }), Hi = {
   key: 0,
   class: "icon"
-}, Q = /* @__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, [
@@ -1409,9 +1409,9 @@ var Zi = Object.create, Ds = Object.defineProperty, Xi = Object.getOwnPropertyDe
       return r.proto ? c : l;
       function u(d, p) {
         const _ = Object.keys(d), m = new Array(_.length);
-        for (let b = 0; b < _.length; b++) {
-          const h = _[b], E = d[h];
-          typeof E != "object" || E === null ? m[h] = E : E.constructor !== Object && (a = i.get(E.constructor)) ? m[h] = a(E, p) : ArrayBuffer.isView(E) ? m[h] = n(E) : m[h] = p(E);
+        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;
       }
@@ -1449,9 +1449,9 @@ var Zi = Object.create, Ds = Object.defineProperty, Xi = Object.getOwnPropertyDe
       let l = null;
       return r.proto ? p : d;
       function c(_, m) {
-        const b = Object.keys(_), h = new Array(b.length);
-        for (let E = 0; E < b.length; E++) {
-          const C = b[E], w = _[C];
+        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)
             h[C] = w;
           else if (w.constructor !== Object && (l = u.get(w.constructor)))
@@ -1472,18 +1472,18 @@ var Zi = Object.create, Ds = Object.defineProperty, Xi = Object.getOwnPropertyDe
           return l(_, d);
         const m = {};
         i.push(_), a.push(m);
-        for (const b in _) {
-          if (Object.hasOwnProperty.call(_, b) === !1) continue;
-          const h = _[b];
+        for (const O in _) {
+          if (Object.hasOwnProperty.call(_, O) === !1) continue;
+          const h = _[O];
           if (typeof h != "object" || h === null)
-            m[b] = h;
+            m[O] = h;
           else if (h.constructor !== Object && (l = u.get(h.constructor)))
-            m[b] = l(h, d);
+            m[O] = l(h, d);
           else if (ArrayBuffer.isView(h))
-            m[b] = n(h);
+            m[O] = n(h);
           else {
-            const E = i.indexOf(h);
-            E !== -1 ? m[b] = a[E] : m[b] = d(h);
+            const y = i.indexOf(h);
+            y !== -1 ? m[O] = a[y] : m[O] = d(h);
           }
         }
         return i.pop(), a.pop(), m;
@@ -1495,17 +1495,17 @@ var Zi = Object.create, Ds = Object.defineProperty, Xi = Object.getOwnPropertyDe
           return l(_, p);
         const m = {};
         i.push(_), a.push(m);
-        for (const b in _) {
-          const h = _[b];
+        for (const O in _) {
+          const h = _[O];
           if (typeof h != "object" || h === null)
-            m[b] = h;
+            m[O] = h;
           else if (h.constructor !== Object && (l = u.get(h.constructor)))
-            m[b] = l(h, p);
+            m[O] = l(h, p);
           else if (ArrayBuffer.isView(h))
-            m[b] = n(h);
+            m[O] = n(h);
           else {
-            const E = i.indexOf(h);
-            E !== -1 ? m[b] = a[E] : m[b] = p(h);
+            const y = i.indexOf(h);
+            y !== -1 ? m[O] = a[y] : m[O] = p(h);
           }
         }
         return i.pop(), a.pop(), m;
@@ -3051,14 +3051,14 @@ var ma = Object.create, Rs = Object.defineProperty, va = Object.getOwnPropertyDe
           "∑": "tong",
           "¤": "tien te"
         }
-      }, u = [";", "?", ":", "@", "&", "=", "+", "$", ",", "/"].join(""), l = [";", "?", ":", "@", "&", "=", "+", "$", ","].join(""), c = [".", "!", "~", "*", "'", "(", ")"].join(""), d = function(h, E) {
-        var C = "-", w = "", N = "", Y = !0, D = {}, k, L, I, y, T, R, K, ee, Ie, ne, x, ae, F, De, pe = "";
+      }, 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, ee = 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 && (pe += u), T && (pe += l), R && (pe += c), K = E.lang && a[E.lang] && Y ? a[E.lang] : Y ? a.en : {}, ee = 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;
@@ -3067,21 +3067,21 @@ var ma = Object.create, Rs = Object.defineProperty, va = Object.getOwnPropertyDe
           for (x in D)
             pe += x;
         }
-        for (pe += C, pe = _(pe), h = h.replace(/(^\s+|\s+$)/g, ""), F = !1, De = !1, ne = 0, ae = h.length; ne < ae; ne++)
-          x = h[ne], m(x, D) ? F = !1 : ee[x] ? (x = F && ee[x].match(/[A-Za-z0-9]/) ? " " + ee[x] : ee[x], F = !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 = 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 += h[ne + 1] !== void 0 && h[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" + pe + "_-]", "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;
+        })), 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, h);
         };
       }, _ = function(h) {
         return h.replace(/[-\\^$*+?.()|[\]{}\/]/g, "\\$&");
-      }, m = function(b, h) {
-        for (var E in h)
-          if (h[E] === b)
+      }, m = function(O, h) {
+        for (var y in h)
+          if (h[y] === O)
             return !0;
       };
       if (typeof t < "u" && t.exports)
@@ -4633,25 +4633,25 @@ 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 = Ee(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 h = lr(m, t, n, o, [...s, b], [...r, e], i);
-    d[b] = h.transformedValue, Ee(h.annotations) ? p[b] = h.annotations : et(h.annotations) && Me(h.annotations, (E, C) => {
-      p[er(b) + "." + C] = E;
+  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 _ = Yt(p) ? {
@@ -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();
@@ -5365,7 +5365,7 @@ 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 = be({
     install(r) {
@@ -5437,7 +5437,7 @@ 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 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);
@@ -5453,35 +5453,35 @@ function en(e, t, n = {}, o, s, r) {
   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 ? _ = y : l == !1 && !k._hotUpdating && (Array.isArray(_) ? _.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(), _;
   const m = o.state.value[e];
   !r && !m && (process.env.NODE_ENV === "production" || !s) && (o.state.value[e] = {});
-  const b = M({});
+  const O = B({});
   let h;
-  function E(y) {
+  function y(b) {
     let T;
-    l = c = !1, process.env.NODE_ENV !== "production" && (_ = []), 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: _
-    }) : (Qt(o.state.value[e], y), T = {
+    }) : (Qt(o.state.value[e], b), T = {
       type: le.patchObject,
-      payload: y,
+      payload: b,
       storeId: e,
       events: _
     });
-    const R = h = /* @__PURE__ */ Symbol();
+    const V = h = /* @__PURE__ */ Symbol();
     gt().then(() => {
-      h === 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) => {
-      te(K, R);
+      te(K, V);
     });
   } : (
     /* istanbul ignore next */
@@ -5492,55 +5492,55 @@ 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), ee = /* @__PURE__ */ new Set(), Ie = /* @__PURE__ */ new Set();
-      function ne(F) {
-        ee.add(F);
+      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(ee, F), F)).catch((F) => (Pe(Ie, F), Promise.reject(F))) : (Pe(ee, 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;
+    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], (ee) => {
-        (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: _
         }, ee);
       }, te({}, u, T)));
-      return R;
+      return V;
     },
     $dispose: w
   }, k = Sr(process.env.NODE_ENV !== "production" || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && fe ? te(
@@ -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 = be([]))).push(y));
+    (I._getters = be([]))).push(b));
   }
   if (te(k, I), te(Ye(k), I), Object.defineProperty(k, "$state", {
-    get: () => process.env.NODE_ENV !== "production" && s ? b.value : o.state.value[e],
-    set: (y) => {
+    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) => {
-        te(T, y);
+      y((T) => {
+        te(T, b);
       });
     }
-  }), process.env.NODE_ENV !== "production" && (k._hotUpdate = be((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, te({ 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)), te(k, T);
+      Object.keys(T || {}).forEach((V) => k._customProperties.add(V)), te(k, T);
     } else
-      te(k, i.run(() => y({
+      te(k, i.run(() => b({
         store: k,
         app: o._a,
         pinia: o,
@@ -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: {}
@@ -5768,7 +5771,7 @@ const Ol = ml(), He = (/* @__PURE__ */ bl("global", {
     }
     return (s, r) => {
       const i = he("router-link");
-      return v(), O("div", Sl, [
+      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(() => {
@@ -5904,47 +5907,51 @@ const Ll = /* @__PURE__ */ we(Rl, [["render", $l]]), Fl = { class: "breadcrumb"
     });
     return (o, s) => {
       const r = he("router-link");
-      return v(), O("div", Fl, [
-        (v(!0), O(X, null, ce(n.value, (i, a) => (v(), O("div", {
+      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 },
@@ -5985,20 +5992,21 @@ const Md = /* @__PURE__ */ we(zl, [["render", Gl]]), ql = { class: "page-wrapper
               ]),
               _: 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,111 +6021,111 @@ 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, [
+    return (t, n) => (v(), E("li", vc, [
       P(Q, {
         class: "bullet-item__icon",
         icon: A(j).circle
@@ -6130,15 +6138,15 @@ 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(() => [
@@ -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(), _ = 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, h = () => yc(e[t]) ? b(e[t]) : c, E = (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(h());
+    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 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 = he("Text");
-      return v(), O("li", Sc, [
+      return v(), E("li", Ac, [
         kr(f("input", {
           class: "todo-item__checkbox",
           type: "checkbox",
@@ -6209,15 +6217,15 @@ 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
       }, {
@@ -6228,10 +6236,10 @@ const Sc = { class: "todo-item" }, Ac = /* @__PURE__ */ V({
       }, 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,11 +6256,11 @@ 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, [
+    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"]),
@@ -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,7 +6372,7 @@ 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
@@ -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])
@@ -6408,11 +6418,11 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
               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,13 +6431,13 @@ 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
@@ -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,
@@ -6469,33 +6479,36 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
   bannerLink: a,
   iconAuthor: u,
   iconLink: l,
-  tags: c
-}) => ({
-  id: e,
-  banner: {
+  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: {
+  }), d && (_.icon = {
     path: `/icons/${e}.png`,
     author: u,
     link: l
-  },
-  title: t,
-  path: s ? "/" : `/${e}`,
-  parentPage: n,
-  pages: o,
-  isHomepage: s,
-  component: r,
-  tags: c
-}), 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({
+  }), _;
+}, 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(() => ({
@@ -6505,26 +6518,26 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
     })), {
       showModal: _,
       hideModal: m,
-      addModalListener: b
+      addModalListener: O
     } = Xe({ provideName: Jo }), {
       showModal: h,
-      hideModal: E,
+      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);
@@ -6533,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)
@@ -6549,22 +6562,22 @@ 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(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),
                   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(h) && A(h)(...y))
+                    (...b) => A(h) && A(h)(...b))
                   }, [
                     P(Q, {
                       icon: A(j).search
@@ -6575,7 +6588,7 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
                     role: "button",
                     id: "settings-btn",
                     onClick: I[2] || (I[2] = //@ts-ignore
-                    (...y) => A(_) && A(_)(...y))
+                    (...b) => A(_) && A(_)(...b))
                   }, [
                     P(Q, {
                       icon: A(j).settings
@@ -6583,13 +6596,13 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
                     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
@@ -6601,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"])
@@ -6636,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] = [
@@ -6647,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 },
@@ -6658,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))
@@ -6678,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({
@@ -6710,10 +6723,10 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
       window.addEventListener("beforeunload", c);
     }), Ot(() => {
       window.removeEventListener("beforeunload", c);
-    }), (d, p) => (v(), O(X, null, [
-      f("header", ud, [
-        f("div", ld, [
-          P(A(Ul)),
+    }), (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",
@@ -6736,22 +6749,22 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
         modalStyles: { top: "77px", right: "10px" }
       }, {
         default: q(() => [
-          f("div", cd, [
+          f("div", dd, [
             p[3] || (p[3] = f("span", null, "Style", -1)),
-            f("div", dd, [
-              (v(!0), O(X, null, ce(A(n), ([_, m]) => (v(), O("div", {
+            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: (b) => A(t).storeDynamicPageInfo({ fontFamily: _ })
+                onClick: (O) => A(t).storeDynamicPageInfo({ fontFamily: _ })
               }, [
                 p[2] || (p[2] = f("span", { class: "header-menu__ag" }, "Ag", -1)),
-                f("span", pd, H(m), 1)
-              ], 10, fd))), 128))
+                f("span", _d, H(m), 1)
+              ], 10, pd))), 128))
             ])
           ]),
-          f("div", _d, [
+          f("div", hd, [
             P(es, {
               provideName: ns,
               active: A(o),
@@ -6778,7 +6791,7 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
       }, 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 }) {
@@ -6817,8 +6830,8 @@ 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((_) => s(d), ["stop"]),
@@ -6833,9 +6846,9 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
           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"])),
@@ -6844,20 +6857,20 @@ const Bc = /* @__PURE__ */ we(Fc, [["render", Mc]]), Gd = /* @__PURE__ */ V({
         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: {}
@@ -6879,73 +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 = he("Icon"), l = he("Empty"), c = he("router-view");
-      return v(), O("main", {
+      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,
             target: "_blank"
-          }, H(e.activePage.banner.author), 9, bd)
-        ])) : B("", !0),
+          }, 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))
@@ -6953,18 +6977,18 @@ 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 = he("router-link");
-      return v(), O("div", Nd, [
+      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 || "/"
               }, {
@@ -6979,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,