@ansidev-oss/vitepress-theme-ansidev 1.3.0 → 1.4.0

package/dist/client/{Donation-BBPb8v5p.js → Donation-BJ2fj2Gs.js}

@@ -1,44 +1,66 @@
-import { Fragment as e, computed as t, createBlock as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, normalizeStyle as s, openBlock as c, renderList as l } from "vue";
+import { Fragment as e, computed as t, createBlock as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, normalizeStyle as s, openBlock as c, renderList as l, unref as u } from "vue";
 // src/client/plugins/donation/index.ts
-var u = {
+var d = {
 	buymeacoffee: {
 		donationBaseUrl: "https://buymeacoffee.com",
 		donationButtonImage: "https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png",
 		donationButtonStyle: {
 			height: "60px !important",
 			width: "217px !important"
+		},
+		donationButtonSize: {
+			width: 545,
+			height: 153
 		}
 	},
 	kofi: {
 		donationBaseUrl: "https://ko-fi.com",
 		donationButtonImage: "https://storage.ko-fi.com/cdn/brandasset/kofi_bg_tag_white.png",
-		donationButtonStyle: { height: "60px !important" }
+		donationButtonStyle: { height: "60px !important" },
+		donationButtonSize: {
+			width: 341,
+			height: 129
+		}
 	},
 	paypal: {
 		donationBaseUrl: "https://paypal.me",
-		donationButtonImage: "https://paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif"
+		donationButtonImage: "https://paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif",
+		donationButtonSize: {
+			width: 147,
+			height: 47
+		}
 	}
-}, d = ["href"], f = ["src", "alt"], p = /* @__PURE__ */ a({
+}, f = ["href"], p = [
+	"src",
+	"alt",
+	"width",
+	"height"
+], m = /* @__PURE__ */ a({
 	__name: "DonationButton",
 	props: {
 		donationPlatform: {},
 		donationId: {},
 		donationBaseUrl: {},
 		donationButtonImage: {},
-		donationButtonStyle: {}
+		donationButtonStyle: {},
+		donationButtonSize: {}
 	},
 	setup(e) {
-		let n = e, a = t(() => new URL(n.donationId, n.donationBaseUrl).toString());
+		let n = e, a = t(() => new URL(n.donationId, n.donationBaseUrl).toString()), o = n.donationButtonSize;
 		return (t, n) => (c(), r("a", {
 			href: a.value,
 			target: "_blank"
 		}, [i("img", {
 			src: e.donationButtonImage,
 			alt: e.donationPlatform,
-			style: s(e.donationButtonStyle)
-		}, null, 12, f)], 8, d));
+			style: s(e.donationButtonStyle),
+			width: u(o)?.width,
+			height: u(o)?.height,
+			loading: "lazy",
+			decoding: "async"
+		}, null, 12, p)], 8, f));
 	}
-}), m = /* @__PURE__ */ a({
+}), h = /* @__PURE__ */ a({
 	__name: "Donation",
 	props: { donation: {} },
 	setup(i) {
@@ -48,7 +70,7 @@ var u = {
 				if (t === "custom") continue;
 				let n = a[t];
 				e[t] = {
-					...u[t],
+					...d[t],
 					donationId: n
 				};
 			}
@@ -57,10 +79,10 @@ var u = {
 				...a.custom
 			};
 		});
-		return (t, i) => (c(!0), r(e, null, l(s.value, (e, t) => (c(), n(p, o({
+		return (t, i) => (c(!0), r(e, null, l(s.value, (e, t) => (c(), n(m, o({
 			key: e?.name,
 			ref_for: !0
 		}, e, { "donation-platform": t }), null, 16, ["donation-platform"]))), 128));
 	}
 });
-export { m as default };
+export { h as default };

package/dist/client/{GoogleAnalytics-34XEM7eO.js → GoogleAnalytics-DwvjYPU_.js}

@@ -19,7 +19,13 @@ var n = /* @__PURE__ */ e({
 `, document.head.appendChild(t);
 			}
 		}
-		return n && t(i), (e, t) => null;
+		function a() {
+			let e = () => {
+				typeof window.requestIdleCallback == "function" ? window.requestIdleCallback(() => i(), { timeout: 5e3 }) : setTimeout(i, 3e3);
+			};
+			document.readyState === "complete" ? e() : window.addEventListener("load", e, { once: !0 });
+		}
+		return n && t(a), (e, t) => null;
 	}
 });
 export { n as default };

package/dist/client/index.js

@@ -1,5 +1,5 @@
 import { Icon as e } from "@iconify/vue";
-import t, { useLayout as n } from "vitepress/theme";
+import t, { useLayout as n } from "vitepress/theme-without-fonts";
 import { useData as r, useRoute as i, useRouter as a } from "vitepress";
 import { Fragment as o, Text as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineAsyncComponent as h, defineComponent as g, effectScope as _, getCurrentInstance as v, getCurrentScope as y, guardReactiveProps as b, h as x, inject as ee, isRef as te, mergeProps as S, normalizeClass as C, normalizeProps as ne, onMounted as re, onScopeDispose as w, onUnmounted as ie, openBlock as T, ref as ae, renderList as oe, renderSlot as se, resolveComponent as ce, shallowRef as le, toDisplayString as E, unref as D, watch as ue, watchEffect as de, withCtx as O } from "vue";
 // src/client/composables/lang.ts
@@ -29,13 +29,13 @@ var k = () => {
 	__name: "DonationWidget",
 	props: { direction: {} },
 	setup(e) {
-		let { theme: t } = r(), n = e.direction === "vertical" ? "space-y-4" : "space-x-4", i = t.value.donation ? h(() => import("./Donation-BBPb8v5p.js")) : () => null;
+		let { theme: t } = r(), n = e.direction === "vertical" ? "space-y-4" : "space-x-4", i = t.value.donation ? h(() => import("./Donation-BJ2fj2Gs.js")) : () => null;
 		return (e, r) => (T(), d("div", { class: C(["flex flex-wrap py-4 items-center justify-center", D(n)]) }, [m(D(i), { donation: D(t).donation }, null, 8, ["donation"])], 2));
 	}
 }), ge = { class: "container" }, _e = ["innerHTML"], ve = ["innerHTML"], ye = /*@__PURE__*/ g({
 	__name: "Footer",
 	setup(e) {
-		let { theme: t, frontmatter: i } = r(), { hasSidebar: a, hasAside: s } = n(), p = c(() => typeof t.value.themeFooter.copyright == "string" ? t.value.themeFooter.copyright.replace(/#\{present\}/g, (/* @__PURE__ */ new Date()).getFullYear().toString()) : t.value.themeFooter.copyright), g = t.value.googleAnalytics ? h(() => import("./GoogleAnalytics-34XEM7eO.js")) : () => null, _ = t.value.swetrix ? h(() => import("./Swetrix-GKEyGNrV.js")) : () => null;
+		let { theme: t, frontmatter: i } = r(), { hasSidebar: a, hasAside: s } = n(), p = c(() => typeof t.value.themeFooter.copyright == "string" ? t.value.themeFooter.copyright.replace(/#\{present\}/g, (/* @__PURE__ */ new Date()).getFullYear().toString()) : t.value.themeFooter.copyright), g = t.value.googleAnalytics ? h(() => import("./GoogleAnalytics-DwvjYPU_.js")) : () => null, _ = t.value.swetrix ? h(() => import("./Swetrix-GKEyGNrV.js")) : () => null;
 		return (e, n) => (T(), d(o, null, [
 			D(s) ? u("", !0) : (T(), l(he, {
 				key: 0,
@@ -61,7 +61,7 @@ var k = () => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, xe = /*#__PURE__*/ be(ye, [["__scopeId", "data-v-84ab49a2"]]), A = typeof window < "u", j, Se;
+}, xe = /*#__PURE__*/ be(ye, [["__scopeId", "data-v-6216a7be"]]), A = typeof window < "u", j, Se;
 if (process.env.NODE_ENV !== "production") {
 	let e = A && window.performance;
 	e && e.mark && e.measure && e.clearMarks && e.clearMeasures && (j = (t) => {
@@ -3136,7 +3136,7 @@ process.env.NODE_ENV;
 var Ba = (e, t) => {
 	let n = e;
 	t.value = n[(n.indexOf(t.value) + 1) % n.length];
-}, Va = ["aria-label"], Ha = /*#__PURE__*/ be(/* @__PURE__ */ g({
+}, Va = ["aria-label"], Ha = ["width", "height"], Ua = "<g fill=\"currentColor\"><path d=\"M4.545 6.714L4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286zm1.634-.736L5.5 3.956h-.049l-.679 2.022z\"/><path d=\"M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm7.138 9.995q.289.451.63.846c-.748.575-1.673 1.001-2.768 1.292c.178.217.451.635.555.867c1.125-.359 2.08-.844 2.886-1.494c.777.665 1.739 1.165 2.93 1.472c.133-.254.414-.673.629-.89c-1.125-.253-2.057-.694-2.82-1.284c.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6 6 0 0 1-.415-.492a2 2 0 0 1-.94.31\"/></g>", Wa = /*#__PURE__*/ be(/* @__PURE__ */ g({
 	__name: "LocaleSwitcher",
 	props: { size: {
 		type: Number,
@@ -3145,21 +3145,22 @@ var Ba = (e, t) => {
 	} },
 	setup(e) {
 		let { t, availableLocales: n, locale: r } = $(), i = () => Ba(n, r);
-		return (n, r) => {
-			let a = ce("Icon");
-			return T(), d(o, null, [r[0] ||= f("div", { class: "divider" }, null, -1), f("button", {
-				"aria-label": D(t)("button.toggle_locale"),
-				type: "button",
-				class: "VPLocaleSwitcher",
-				onClick: i
-			}, [m(a, {
-				icon: "bi:translate",
-				width: e.size,
-				height: e.size
-			}, null, 8, ["width", "height"])], 8, Va)], 64);
-		};
-	}
-}), [["__scopeId", "data-v-6a2933ea"]]), Ua = /* @__PURE__ */ g({
+		return (n, r) => (T(), d(o, null, [r[0] ||= f("div", { class: "divider" }, null, -1), f("button", {
+			"aria-label": D(t)("button.toggle_locale"),
+			type: "button",
+			class: "VPLocaleSwitcher",
+			onClick: i
+		}, [(T(), d("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			"aria-hidden": "true",
+			role: "img",
+			width: e.size,
+			height: e.size,
+			viewBox: "0 0 16 16",
+			innerHTML: Ua
+		}, null, 8, Ha))], 8, Va)], 64));
+	}
+}), [["__scopeId", "data-v-871d7d08"]]), Ga = /* @__PURE__ */ g({
 	__name: "SharingWidget",
 	setup(e) {
 		let t = i(), { theme: n, frontmatter: a, page: o } = r(), s = n.value.sharing ? h(() => import("./Sharing-CpagX9oy.js")) : () => null, c = new URL(t.path, n.value.siteURL).href, u = a.value.title || o.value.title;
@@ -3168,7 +3169,7 @@ var Ba = (e, t) => {
 			text: D(u)
 		}, null, 8, ["url", "text"]));
 	}
-}), Wa = { class: "vp-doc" }, Ga = /* @__PURE__ */ g({
+}), Ka = { class: "vp-doc" }, qa = /* @__PURE__ */ g({
 	__name: "Layout",
 	setup(e) {
 		let { Layout: n } = t, { frontmatter: a, theme: o } = r(), s = i(), c = null;
@@ -3182,15 +3183,15 @@ var Ba = (e, t) => {
 		return re(u), ue(() => s.path, (e, t) => {
 			e !== t && u();
 		}), (e, t) => (T(), l(D(n), null, {
-			"doc-before": O(() => [f("div", Wa, [f("h1", null, E(D(a).title), 1)])]),
-			"nav-bar-content-after": O(() => [m(Ha)]),
-			"aside-outline-after": O(() => [m(Ua)]),
+			"doc-before": O(() => [f("div", Ka, [f("h1", null, E(D(a).title), 1)])]),
+			"nav-bar-content-after": O(() => [m(Wa)]),
+			"aside-outline-after": O(() => [m(Ga)]),
 			"aside-ads-before": O(() => [m(he, { direction: "vertical" })]),
 			"layout-bottom": O(() => [m(xe)]),
 			_: 1
 		}));
 	}
-}), Ka = ["href"], qa = /* @__PURE__ */ g({
+}), Ja = ["href"], Ya = /* @__PURE__ */ g({
 	__name: "RouterLink",
 	props: { to: {
 		type: String,
@@ -3202,9 +3203,9 @@ var Ba = (e, t) => {
 		return (n, r) => (T(), d("a", S({
 			href: e.to,
 			onClick: r[0] ||= (n) => D(t).go(e.to)
-		}, n.$attrs), [se(n.$slots, "default")], 16, Ka));
+		}, n.$attrs), [se(n.$slots, "default")], 16, Ja));
 	}
-}), Ja = ["href"], Ya = ["href"], Xa = /* @__PURE__ */ g({
+}), Xa = ["href"], Za = ["href"], Qa = /* @__PURE__ */ g({
 	__name: "Link",
 	props: {
 		href: {
@@ -3220,7 +3221,7 @@ var Ba = (e, t) => {
 	},
 	setup(e) {
 		let t = e, n = t.href?.startsWith("/") && !t.disableRouterLink, r = t.href?.startsWith("#");
-		return (t, i) => D(n) || D(r) ? (T(), l(qa, S({
+		return (t, i) => D(n) || D(r) ? (T(), l(Ya, S({
 			key: 0,
 			to: e.href
 		}, t.$attrs), {
@@ -3230,14 +3231,14 @@ var Ba = (e, t) => {
 			key: 1,
 			target: "_self",
 			href: e.href
-		}, t.$attrs), [se(t.$slots, "default")], 16, Ja)) : (T(), d("a", S({
+		}, t.$attrs), [se(t.$slots, "default")], 16, Xa)) : (T(), d("a", S({
 			key: 2,
 			target: "_blank",
 			rel: "noopener noreferrer",
 			href: e.href
-		}, t.$attrs), [se(t.$slots, "default")], 16, Ya));
+		}, t.$attrs), [se(t.$slots, "default")], 16, Za));
 	}
-}), Za = { class: "inline-flex items-center justify-center w-4 h-4 ms-2 text-xs font-semibold text-gray-900 dark:text-white bg-gray-300 dark:bg-gray-700 p-2.5 rounded" }, Qa = /* @__PURE__ */ g({
+}), $a = { class: "inline-flex items-center justify-center w-4 h-4 ms-2 text-xs font-semibold text-gray-900 dark:text-white bg-gray-300 dark:bg-gray-700 p-2.5 rounded" }, eo = /* @__PURE__ */ g({
 	__name: "TermBadge",
 	props: {
 		title: {
@@ -3254,16 +3255,16 @@ var Ba = (e, t) => {
 		}
 	},
 	setup(e) {
-		return (t, n) => (T(), l(Xa, {
+		return (t, n) => (T(), l(Qa, {
 			key: e.title,
 			href: e.href,
 			class: "inline-flex items-center mt-2 mb-2 mr-2 px-5 py-2.5 text-sm font-medium text-center text-white component-border"
 		}, {
-			default: O(() => [p(E(e.title) + " ", 1), f("span", Za, E(e.count), 1)]),
+			default: O(() => [p(E(e.title) + " ", 1), f("span", $a, E(e.count), 1)]),
 			_: 1
 		}, 8, ["href"]));
 	}
-}), $a = (e) => e.replace(/#/, "-sharp-").replace(/\./, "-dot-").replace(/-$/, "").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/đ/g, "d").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, ""), eo = (e) => (t) => $a(t) === e, to = (e) => {
+}), to = (e) => e.replace(/#/, "-sharp-").replace(/\./, "-dot-").replace(/-$/, "").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/đ/g, "d").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, ""), no = (e) => (t) => to(t) === e, ro = (e) => {
 	let t = e instanceof Date ? e : new Date(e);
 	return t.setUTCHours(12), {
 		time: +t,
@@ -3271,7 +3272,7 @@ var Ba = (e, t) => {
 		month: t.toLocaleDateString("en-US", { month: "short" }),
 		year: t.toLocaleDateString("en-US", { year: "numeric" })
 	};
-}, no = (e) => {
+}, io = (e) => {
 	switch (e) {
 		case "active": return {
 			fontSize: "text-sm",
@@ -3296,13 +3297,13 @@ var Ba = (e, t) => {
 		};
 		default: return {};
 	}
-}, ro = (e) => {
+}, ao = (e) => {
 	let t = e.reduce((e, t) => (e[t] = (e[t] || 0) + 1, e), {}), n = Object.entries(t);
 	return Object.fromEntries(n.sort(([, e], [, t]) => t - e));
-}, io = { class: "flex flex-wrap pt-4" }, ao = {
+}, oo = { class: "flex flex-wrap pt-4" }, so = {
 	key: 0,
 	class: "mt-2 mb-2 mr-5"
-}, oo = /* @__PURE__ */ g({
+}, co = /* @__PURE__ */ g({
 	__name: "ArchivesPage",
 	props: { posts: {
 		type: Object,
@@ -3310,11 +3311,11 @@ var Ba = (e, t) => {
 		default: []
 	} },
 	setup(e) {
-		let t = e, { t: n } = $(), r = c(() => ro(t.posts.flatMap((e) => new Date(e.date).getFullYear().toString()))), i = c(() => Object.keys(r.value).map((e) => Number(e)).reverse());
+		let t = e, { t: n } = $(), r = c(() => ao(t.posts.flatMap((e) => new Date(e.date).getFullYear().toString()))), i = c(() => Object.keys(r.value).map((e) => Number(e)).reverse());
 		return (e, t) => {
 			let a = ce("Page");
 			return T(), l(a, { title: D(n)("archives") }, {
-				default: O(() => [f("div", io, [Object.keys(i.value).length === 0 ? (T(), d("div", ao, E(D(n)("no_archive")), 1)) : u("", !0), (T(!0), d(o, null, oe(i.value, (e) => (T(), l(Qa, {
+				default: O(() => [f("div", oo, [Object.keys(i.value).length === 0 ? (T(), d("div", so, E(D(n)("no_archive")), 1)) : u("", !0), (T(!0), d(o, null, oe(i.value, (e) => (T(), l(eo, {
 					key: e,
 					title: `${e}`,
 					count: r.value[e],
@@ -3328,10 +3329,10 @@ var Ba = (e, t) => {
 			}, 8, ["title"]);
 		};
 	}
-}), so = { class: "flex flex-wrap pt-4" }, co = {
+}), lo = { class: "flex flex-wrap pt-4" }, uo = {
 	key: 0,
 	class: "mt-2 mb-2 mr-5"
-}, lo = /* @__PURE__ */ g({
+}, fo = /* @__PURE__ */ g({
 	__name: "CategoriesPage",
 	props: { posts: {
 		type: Object,
@@ -3339,15 +3340,15 @@ var Ba = (e, t) => {
 		default: []
 	} },
 	setup(e) {
-		let t = e, { t: n } = $(), r = c(() => ro(t.posts.flatMap((e) => e.categories)));
+		let t = e, { t: n } = $(), r = c(() => ao(t.posts.flatMap((e) => e.categories)));
 		return (e, t) => {
 			let i = ce("Page");
 			return T(), l(i, { title: D(n)("categories") }, {
-				default: O(() => [f("div", so, [Object.keys(r.value).length === 0 ? (T(), d("div", co, E(D(n)("no_category")), 1)) : u("", !0), (T(!0), d(o, null, oe(r.value, (e, t) => (T(), l(Qa, {
+				default: O(() => [f("div", lo, [Object.keys(r.value).length === 0 ? (T(), d("div", uo, E(D(n)("no_category")), 1)) : u("", !0), (T(!0), d(o, null, oe(r.value, (e, t) => (T(), l(eo, {
 					key: t,
 					title: t,
 					count: e,
-					href: `/categories/${D($a)(t)}`
+					href: `/categories/${D(to)(t)}`
 				}, null, 8, [
 					"title",
 					"count",
@@ -3357,7 +3358,7 @@ var Ba = (e, t) => {
 			}, 8, ["title"]);
 		};
 	}
-}), uo = /* @__PURE__ */ g({
+}), po = /* @__PURE__ */ g({
 	__name: "HomePage",
 	props: { posts: {
 		type: Object,
@@ -3374,7 +3375,7 @@ var Ba = (e, t) => {
 			}, null, 8, ["title", "posts"]);
 		};
 	}
-}), fo = { class: "main" }, po = { class: "pt-6 pb-8 space-y-2 md:space-y-5" }, mo = { class: "mb-6 text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14" }, ho = /* @__PURE__ */ g({
+}), mo = { class: "main" }, ho = { class: "pt-6 pb-8 space-y-2 md:space-y-5" }, go = { class: "mb-6 text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14" }, _o = /* @__PURE__ */ g({
 	__name: "Page",
 	props: { title: {
 		type: String,
@@ -3382,9 +3383,9 @@ var Ba = (e, t) => {
 		default: ""
 	} },
 	setup(e) {
-		return (t, n) => (T(), d("main", fo, [f("div", po, [f("h1", mo, E(e.title), 1)]), se(t.$slots, "default")]));
+		return (t, n) => (T(), d("main", mo, [f("div", ho, [f("h1", go, E(e.title), 1)]), se(t.$slots, "default")]));
 	}
-}), go = /* @__PURE__ */ g({
+}), vo = /* @__PURE__ */ g({
 	__name: "TermLink",
 	props: {
 		text: {
@@ -3397,44 +3398,45 @@ var Ba = (e, t) => {
 		}
 	},
 	setup(e) {
-		let t = e, n = c(() => $a(t.text)), r = c(() => `${t.basePath}${n.value}`);
-		return (t, n) => (T(), l(qa, {
+		let t = e, n = c(() => to(t.text)), r = c(() => `${t.basePath}${n.value}`), i = c(() => t.basePath === "/categories/" ? `View all posts in category ${t.text}` : `View all projects using ${t.text}`);
+		return (t, n) => (T(), l(Ya, {
 			to: r.value,
+			"aria-label": i.value,
 			class: "mr-2 text-sm font-medium uppercase link-alt"
 		}, {
 			default: O(() => [p(E(e.text), 1)]),
 			_: 1
-		}, 8, ["to"]));
+		}, 8, ["to", "aria-label"]));
 	}
-}), _o = { class: "flex p-4 component-border" }, vo = {
+}), yo = { class: "flex p-4 component-border" }, bo = {
 	class: "text-center",
 	style: { "min-width": "80px" }
-}, yo = { class: "text-6xl font-bold" }, bo = { class: "pl-8" }, xo = { class: "flex flex-wrap mb-3" }, So = ["href", "title"], Co = { class: "flex flex-wrap mb-3" }, wo = ["innerHTML"], To = /* @__PURE__ */ g({
+}, xo = { class: "text-6xl font-bold" }, So = { class: "pl-8" }, Co = { class: "flex flex-wrap mb-3" }, wo = ["href", "title"], To = { class: "flex flex-wrap mb-3" }, Eo = ["innerHTML"], Do = /* @__PURE__ */ g({
 	__name: "PostItem",
 	props: { post: {
 		type: Object,
 		required: !0
 	} },
 	setup(e) {
-		let t = e, n = c(() => to(t.post.date));
-		return (t, r) => (T(), d("div", _o, [f("div", vo, [f("div", yo, E(n.value?.day), 1), f("div", null, E(n.value?.month) + ", " + E(n.value?.year), 1)]), f("div", bo, [
-			f("div", xo, [f("a", {
+		let t = e, n = c(() => ro(t.post.date));
+		return (t, r) => (T(), d("div", yo, [f("div", bo, [f("div", xo, E(n.value?.day), 1), f("div", null, E(n.value?.month) + ", " + E(n.value?.year), 1)]), f("div", So, [
+			f("div", Co, [f("a", {
 				class: "text-2xl font-bold leading-8 tracking-tight",
 				href: e.post?.url,
 				title: e.post.title
-			}, E(e.post.title), 9, So)]),
-			f("div", Co, [(T(!0), d(o, null, oe(e.post.categories, (e) => (T(), l(go, {
+			}, E(e.post.title), 9, wo)]),
+			f("div", To, [(T(!0), d(o, null, oe(e.post.categories, (e) => (T(), l(vo, {
 				key: e,
 				text: e,
 				basePath: "/categories/"
 			}, null, 8, ["text"]))), 128))]),
-			f("div", { innerHTML: e.post?.excerpt }, null, 8, wo)
+			f("div", { innerHTML: e.post?.excerpt }, null, 8, Eo)
 		])]));
 	}
-}), Eo = {
+}), Oo = {
 	key: 0,
 	class: "grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4"
-}, Do = { key: 1 }, Oo = /* @__PURE__ */ g({
+}, ko = { key: 1 }, Ao = /* @__PURE__ */ g({
 	__name: "PostList",
 	props: { posts: {
 		type: Object,
@@ -3443,12 +3445,12 @@ var Ba = (e, t) => {
 	} },
 	setup(e) {
 		let { t } = $();
-		return (n, r) => (T(), d(o, null, [e.posts.length > 0 ? (T(), d("div", Eo, [(T(!0), d(o, null, oe(e.posts, (e) => (T(), l(To, {
+		return (n, r) => (T(), d(o, null, [e.posts.length > 0 ? (T(), d("div", Oo, [(T(!0), d(o, null, oe(e.posts, (e) => (T(), l(Do, {
 			key: e?.url,
 			post: e
-		}, null, 8, ["post"]))), 128))])) : u("", !0), e.posts.length === 0 ? (T(), d("p", Do, E(D(t)("no_post")), 1)) : u("", !0)], 64));
+		}, null, 8, ["post"]))), 128))])) : u("", !0), e.posts.length === 0 ? (T(), d("p", ko, E(D(t)("no_post")), 1)) : u("", !0)], 64));
 	}
-}), ko = /* @__PURE__ */ g({
+}), jo = /* @__PURE__ */ g({
 	__name: "PostsPage",
 	props: {
 		title: {
@@ -3465,12 +3467,12 @@ var Ba = (e, t) => {
 		return (t, n) => {
 			let r = ce("Page");
 			return T(), l(r, { title: e.title }, {
-				default: O(() => [m(Oo, { posts: e.posts }, null, 8, ["posts"])]),
+				default: O(() => [m(Ao, { posts: e.posts }, null, 8, ["posts"])]),
 				_: 1
 			}, 8, ["title"]);
 		};
 	}
-}), Ao = { class: "sr-only" }, jo = ["datetime"], Mo = /* @__PURE__ */ g({
+}), Mo = { class: "sr-only" }, No = ["datetime"], Po = /* @__PURE__ */ g({
 	__name: "PostDate",
 	props: {
 		date: [Date, String],
@@ -3500,9 +3502,9 @@ var Ba = (e, t) => {
 				string: i(e, r.value)
 			};
 		});
-		return (t, r) => (T(), d("dl", null, [f("dt", Ao, E(D(n)("posted_on")), 1), f("dd", { class: C(["font-medium leading-6", [e.textSize ? `text-${e.textSize}` : "text-base"]]) }, [f("time", { datetime: a.value.iso }, E(a.value.string), 9, jo)], 2)]));
+		return (t, r) => (T(), d("dl", null, [f("dt", Mo, E(D(n)("posted_on")), 1), f("dd", { class: C(["font-medium leading-6", [e.textSize ? `text-${e.textSize}` : "text-base"]]) }, [f("time", { datetime: a.value.iso }, E(a.value.string), 9, No)], 2)]));
 	}
-}), No = /* @__PURE__ */ g({
+}), Fo = /* @__PURE__ */ g({
 	__name: "StatusBadge",
 	props: {
 		backgroundColor: {
@@ -3552,24 +3554,24 @@ var Ba = (e, t) => {
 			e.rounded ? "rounded" : ""
 		]]) }, [se(t.$slots, "default")], 2));
 	}
-}), Po = { class: "flex flex-col p-4 component-border" }, Fo = { class: "flex flex-row justify-between items-center mb-4" }, Io = ["href"], Lo = { class: "flex flex-row" }, Ro = ["href"], zo = ["href"], Bo = { class: "project-info" }, Vo = ["innerHTML"], Ho = { class: "flex flex-col justify-between" }, Uo = {
+}), Io = { class: "flex flex-col p-4 component-border" }, Lo = { class: "flex flex-row justify-between items-center mb-4" }, Ro = ["href"], zo = { class: "flex flex-row" }, Bo = ["href"], Vo = ["href"], Ho = { class: "project-info" }, Uo = ["innerHTML"], Wo = { class: "flex flex-col justify-between" }, Go = {
 	key: 0,
 	class: "mb-3"
-}, Wo = { key: 1 }, Go = { class: "mb-3" }, Ko = { class: "flex flex-wrap mb-3" }, qo = { class: "text-end" }, Jo = ["href", "aria-label"], Yo = /* @__PURE__ */ g({
+}, Ko = { key: 1 }, qo = { class: "mb-3" }, Jo = { class: "flex flex-wrap mb-3" }, Yo = { class: "text-end" }, Xo = ["href", "aria-label"], Zo = /* @__PURE__ */ g({
 	__name: "ProjectCard",
 	props: { project: {
 		type: Object,
 		required: !0
 	} },
 	setup(e) {
-		let t = e, { t: n } = $(), r = c(() => no(t.project.developmentStatus));
+		let t = e, { t: n } = $(), r = c(() => io(t.project.developmentStatus));
 		return (t, i) => {
 			let a = ce("Icon");
-			return T(), d("div", Po, [
-				f("div", Fo, [f("a", {
+			return T(), d("div", Io, [
+				f("div", Lo, [f("a", {
 					href: e.project.url,
 					class: "text-2xl font-bold leading-8 tracking-tight"
-				}, E(e.project.title), 9, Io), f("div", Lo, [e.project.showcaseUrl ? (T(), d("a", {
+				}, E(e.project.title), 9, Ro), f("div", zo, [e.project.showcaseUrl ? (T(), d("a", {
 					key: 0,
 					class: "mx-1 text-gray-500 hover:text-gray-600",
 					target: "_blank",
@@ -3578,7 +3580,7 @@ var Ba = (e, t) => {
 				}, [i[0] ||= f("span", { class: "sr-only" }, "external-link", -1), m(a, {
 					icon: "bi:box-arrow-up-right",
 					class: "text-dark dark:text-white ml-2"
-				})], 8, Ro)) : u("", !0), e.project.repositoryUrl ? (T(), d("a", {
+				})], 8, Bo)) : u("", !0), e.project.repositoryUrl ? (T(), d("a", {
 					key: 1,
 					class: "mx-1 text-gray-500 hover:text-gray-600",
 					target: "_blank",
@@ -3587,41 +3589,41 @@ var Ba = (e, t) => {
 				}, [i[1] ||= f("span", { class: "sr-only" }, "github", -1), m(a, {
 					icon: "bi:github",
 					class: "text-dark dark:text-white ml-2"
-				})], 8, zo)) : u("", !0)])]),
-				f("div", Bo, [f("div", { innerHTML: e.project.excerpt }, null, 8, Vo), f("div", Ho, [
-					e.project.license ? (T(), d("div", Uo, [p(E(D(n)("license")) + ": ", 1), e.project.licenseUrl ? (T(), l(Xa, {
+				})], 8, Vo)) : u("", !0)])]),
+				f("div", Ho, [f("div", { innerHTML: e.project.excerpt }, null, 8, Uo), f("div", Wo, [
+					e.project.license ? (T(), d("div", Go, [p(E(D(n)("license")) + ": ", 1), e.project.licenseUrl ? (T(), l(Qa, {
 						key: 0,
 						href: e.project.licenseUrl,
 						class: "link-alt"
 					}, {
 						default: O(() => [p(E(e.project.license), 1)]),
 						_: 1
-					}, 8, ["href"])) : (T(), d("span", Wo, E(e.project.license), 1))])) : u("", !0),
-					f("div", Go, [p(E(D(n)("development_status.title")) + ": ", 1), m(No, ne(b(r.value)), {
+					}, 8, ["href"])) : (T(), d("span", Ko, E(e.project.license), 1))])) : u("", !0),
+					f("div", qo, [p(E(D(n)("development_status.title")) + ": ", 1), m(Fo, ne(b(r.value)), {
 						default: O(() => [p(E(t.$t(`development_status.${e.project.developmentStatus}`)), 1)]),
 						_: 1
 					}, 16)]),
-					f("div", Ko, [(T(!0), d(o, null, oe(e.project.techs, (e) => (T(), l(go, {
+					f("div", Jo, [(T(!0), d(o, null, oe(e.project.techs, (e) => (T(), l(vo, {
 						key: e,
 						text: e,
 						basePath: "/projects?tech="
 					}, null, 8, ["text"]))), 128))]),
-					m(Mo, {
+					m(Po, {
 						date: e.project.date,
 						"text-size": "sm"
 					}, null, 8, ["date"])
 				])]),
-				f("div", qo, [f("a", {
+				f("div", Yo, [f("a", {
 					href: e.project.url,
 					"aria-label": `Read ${e.project.title}`
-				}, E(D(n)("button.read_more")) + " → ", 9, Jo)])
+				}, E(D(n)("button.read_more")) + " → ", 9, Xo)])
 			]);
 		};
 	}
-}), Xo = {
+}), Qo = {
 	key: 0,
 	class: "grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4"
-}, Zo = { key: 1 }, Qo = /* @__PURE__ */ g({
+}, $o = { key: 1 }, es = /* @__PURE__ */ g({
 	__name: "ProjectList",
 	props: { projects: {
 		type: Object,
@@ -3630,12 +3632,12 @@ var Ba = (e, t) => {
 	} },
 	setup(e) {
 		let { t } = $();
-		return (n, r) => (T(), d(o, null, [e.projects.length > 0 ? (T(), d("div", Xo, [(T(!0), d(o, null, oe(e.projects, (e) => (T(), l(Yo, {
+		return (n, r) => (T(), d(o, null, [e.projects.length > 0 ? (T(), d("div", Qo, [(T(!0), d(o, null, oe(e.projects, (e) => (T(), l(Zo, {
 			key: e?.url,
 			project: e
-		}, null, 8, ["project"]))), 128))])) : u("", !0), e.projects.length === 0 ? (T(), d("p", Zo, E(D(t)("no_post")), 1)) : u("", !0)], 64));
+		}, null, 8, ["project"]))), 128))])) : u("", !0), e.projects.length === 0 ? (T(), d("p", $o, E(D(t)("no_post")), 1)) : u("", !0)], 64));
 	}
-}), $o = ["href"], es = { class: "flex flex-row flex-wrap" }, ts = ["href"], ns = /* @__PURE__ */ g({
+}), ts = ["href"], ns = { class: "flex flex-row flex-wrap" }, rs = ["href"], is = /* @__PURE__ */ g({
 	__name: "ProjectsPage",
 	props: {
 		projectPage: {
@@ -3654,10 +3656,10 @@ var Ba = (e, t) => {
 		}
 	},
 	setup(e) {
-		let t = e, { t: n } = $(), r = t.technology, i = typeof r == "string" && r.length > 0, a = (e) => !i || e.techs.some(eo(r)), s = c(() => t.projects.filter(a)), p = c(() => [...new Set(t.projects.flatMap((e) => e.techs))].map((e) => ({
+		let t = e, { t: n } = $(), r = t.technology, i = typeof r == "string" && r.length > 0, a = (e) => !i || e.techs.some(no(r)), s = c(() => t.projects.filter(a)), p = c(() => [...new Set(t.projects.flatMap((e) => e.techs))].map((e) => ({
 			name: e,
-			slug: $a(e),
-			selected: i && $a(e) === r
+			slug: to(e),
+			selected: i && to(e) === r
 		})).sort((e, t) => t.selected === e.selected ? 0 : t.selected ? 1 : -1));
 		return (t, r) => {
 			let a = ce("Page");
@@ -3665,18 +3667,18 @@ var Ba = (e, t) => {
 				default: O(() => [f("div", null, [f("p", null, [r[0] ||= f("span", { class: "mr-2" }, "Technologies", -1), D(i) ? (T(), d("a", {
 					key: 0,
 					href: e.projectPage
-				}, "Reset", 8, $o)) : u("", !0)]), f("p", es, [(T(!0), d(o, null, oe(p.value, (e) => (T(), d("a", {
+				}, "Reset", 8, ts)) : u("", !0)]), f("p", ns, [(T(!0), d(o, null, oe(p.value, (e) => (T(), d("a", {
 					class: C(["border rounded-md m-1 p-1", e.selected ? "bg-primary text-white! border-primary" : ""]),
 					href: `/projects-by-tech/${e.slug}`
-				}, E(e.name), 11, ts))), 256))])]), m(Qo, { projects: s.value }, null, 8, ["projects"])]),
+				}, E(e.name), 11, rs))), 256))])]), m(es, { projects: s.value }, null, 8, ["projects"])]),
 				_: 1
 			}, 8, ["title"]);
 		};
 	}
-}), rs = { class: "flex flex-wrap pt-4" }, is = {
+}), as = { class: "flex flex-wrap pt-4" }, os = {
 	key: 0,
 	class: "mt-2 mb-2 mr-5"
-}, as = /* @__PURE__ */ g({
+}, ss = /* @__PURE__ */ g({
 	__name: "TagsPage",
 	props: { posts: {
 		type: Object,
@@ -3684,15 +3686,15 @@ var Ba = (e, t) => {
 		default: []
 	} },
 	setup(e) {
-		let t = e, { t: n } = $(), r = c(() => ro(t.posts.flatMap((e) => e.tags)));
+		let t = e, { t: n } = $(), r = c(() => ao(t.posts.flatMap((e) => e.tags)));
 		return (e, t) => {
 			let i = ce("Page");
 			return T(), l(i, { title: D(n)("tags") }, {
-				default: O(() => [f("div", rs, [Object.keys(r.value).length === 0 ? (T(), d("div", is, E(D(n)("no_tag")), 1)) : u("", !0), (T(!0), d(o, null, oe(r.value, (e, t) => (T(), l(Qa, {
+				default: O(() => [f("div", as, [Object.keys(r.value).length === 0 ? (T(), d("div", os, E(D(n)("no_tag")), 1)) : u("", !0), (T(!0), d(o, null, oe(r.value, (e, t) => (T(), l(eo, {
 					key: t,
 					title: t,
 					count: e,
-					href: `/tags/${D($a)(t)}`
+					href: `/tags/${D(to)(t)}`
 				}, null, 8, [
 					"title",
 					"count",
@@ -3702,7 +3704,7 @@ var Ba = (e, t) => {
 			}, 8, ["title"]);
 		};
 	}
-}), os = Oa({
+}), cs = Oa({
 	legacy: !1,
 	locale: "en",
 	messages: {
@@ -3757,14 +3759,14 @@ var Ba = (e, t) => {
 			}
 		}
 	}
-}), ss = {
+}), ls = {
 	extends: t,
-	Layout: Ga,
+	Layout: qa,
 	enhanceApp({ app: t }) {
-		t.component("Icon", e), t.component("Page", ho), t.component("PostsPage", ko), t.component("HomePage", uo), t.component("ProjectsPage", ns), t.component("CategoriesPage", lo), t.component("TagsPage", as), t.component("ArchivesPage", oo), t.use(os);
+		t.component("Icon", e), t.component("Page", _o), t.component("PostsPage", jo), t.component("HomePage", po), t.component("ProjectsPage", is), t.component("CategoriesPage", fo), t.component("TagsPage", ss), t.component("ArchivesPage", co), t.use(cs);
 	},
 	setup() {
-		fe(), me(os);
+		fe(), me(cs);
 	}
 };
-export { ss as default, pe as matchLocale, fe as useHtmlLang, k as usePageLang, me as usePageLocale, to as usePostDate, no as useProjectStatusStyle, ro as useRank, $a as useSlug, eo as useSlugFilter };
+export { ls as default, pe as matchLocale, fe as useHtmlLang, k as usePageLang, me as usePageLocale, ro as usePostDate, io as useProjectStatusStyle, ao as useRank, to as useSlug, no as useSlugFilter };

package/dist/client/plugins/donation/index.d.ts

@@ -10,6 +10,14 @@ export declare interface CustomDonationBaseConfig {
     donationBaseUrl: string;
     donationButtonImage: string;
     donationButtonStyle?: Record<string, string>;
+    /**
+     * Intrinsic image dimensions, used for width/height attributes so the
+     * browser can reserve layout space before the image loads.
+     */
+    donationButtonSize?: {
+        width: number;
+        height: number;
+    };
 }
 export declare interface CustomDonationConfig extends CustomDonationBaseConfig {
     donationId: string;

package/dist/client/styles.css

@@ -1,2 +1,2 @@
-.VPFooter[data-v-84ab49a2]{z-index:var(--vp-z-index-footer);border-top:1px solid var(--vp-c-gutter);background-color:var(--vp-c-bg);padding:32px 24px;position:relative}.VPFooter.has-sidebar[data-v-84ab49a2]{display:none}.VPFooter[data-v-84ab49a2] a{text-underline-offset:2px;text-decoration-line:underline;transition:none}.VPFooter[data-v-84ab49a2] a:hover{color:var(--vp-c-text-1)}@media (width>=768px){.VPFooter[data-v-84ab49a2]{padding:32px}}.container[data-v-84ab49a2]{max-width:var(--vp-layout-max-width);text-align:center;margin:0 auto}.message[data-v-84ab49a2],.copyright[data-v-84ab49a2]{color:var(--vp-c-text-2);font-size:14px;font-weight:500;line-height:24px}.divider[data-v-6a2933ea]{background-color:var(--vp-c-divider);content:"";width:1px;height:24px;margin-left:16px;margin-right:8px}.VPLocaleSwitcher[data-v-6a2933ea]{width:36px;height:36px;color:var(--vp-c-text-2);justify-content:center;align-items:center;transition:none;display:flex}.VPLocaleSwitcher[data-v-6a2933ea]:hover{color:var(--vp-c-text-1);transition:none}.VPLocaleSwitcher[data-v-6a2933ea]>svg{fill:currentColor;width:20px;height:20px}:root{--vp-z-index-aside:25}.VPDoc.has-aside .aside-container{z-index:var(--vp-z-index-aside)}.medium-zoom--opened .medium-zoom-overlay{z-index:calc(var(--vp-z-index-aside) + 1)}.medium-zoom-image--opened{z-index:calc(var(--vp-z-index-aside) + 2)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-800:oklch(44.4% .177 26.899);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-800:oklch(44.8% .119 151.328);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-800:oklch(42.4% .199 265.638);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#3b82f6;--color-primary-alt:#1d4ed8;--color-primary-alt-dark:#93c5fd;--color-secondary:#ef4444;--color-secondary-dark:#eab308}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:var(--spacing)}.mx-1{margin-inline:var(--spacing)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-5{margin-right:calc(var(--spacing) * 5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.w-4{width:calc(var(--spacing) * 4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.component-border{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-500)}@media (hover:hover){.component-border:hover{border-color:var(--color-secondary)}.component-border:where(.dark,.dark *):hover{border-color:var(--color-secondary-dark)}}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-primary{border-color:var(--color-primary)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-100{background-color:var(--color-green-100)}.bg-primary{background-color:var(--color-primary)}.bg-red-100{background-color:var(--color-red-100)}.bg-yellow-100{background-color:var(--color-yellow-100)}.fill-current{fill:currentColor}.p-1{padding:var(--spacing)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-4{padding:calc(var(--spacing) * 4)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-end{text-align:end}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/\[32px\]{font-size:var(--text-sm);line-height:32px}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.link-alt{text-decoration-line:none!important}@media (hover:hover){.link-alt:hover{color:var(--color-secondary)!important}.link-alt:where(.dark,.dark *):hover{color:var(--color-secondary-dark)!important}}.link-alt{color:var(--color-primary-alt)!important}.link-alt:where(.dark,.dark *){color:var(--color-primary-alt-dark)!important}.link{text-decoration-line:none}@media (hover:hover){.link:hover{color:var(--color-secondary)}.link:where(.dark,.dark *):hover{color:var(--color-secondary-dark)}}.text-blue-800{color:var(--color-blue-800)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-800{color:var(--color-green-800)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-white\!{color:var(--color-white)!important}.text-yellow-800{color:var(--color-yellow-800)}.uppercase{text-transform:uppercase}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}}@media (width>=40rem){.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}}@media (width>=48rem){:where(.md\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:leading-14{--tw-leading:calc(var(--spacing) * 14);line-height:calc(var(--spacing) * 14)}}@media (width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.dark\:bg-blue-800:where(.dark,.dark *){background-color:var(--color-blue-800)}.dark\:bg-gray-700:where(.dark,.dark *){background-color:var(--color-gray-700)}.dark\:bg-green-800:where(.dark,.dark *){background-color:var(--color-green-800)}.dark\:bg-red-800:where(.dark,.dark *){background-color:var(--color-red-800)}.dark\:bg-yellow-800:where(.dark,.dark *){background-color:var(--color-yellow-800)}.dark\:text-blue-100:where(.dark,.dark *){color:var(--color-blue-100)}.dark\:text-gray-100:where(.dark,.dark *){color:var(--color-gray-100)}.dark\:text-gray-200:where(.dark,.dark *){color:var(--color-gray-200)}.dark\:text-green-100:where(.dark,.dark *){color:var(--color-green-100)}.dark\:text-red-100:where(.dark,.dark *){color:var(--color-red-100)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:text-yellow-100:where(.dark,.dark *){color:var(--color-yellow-100)}@media (hover:hover){.dark\:hover\:text-blue-400:where(.dark,.dark *):hover{color:var(--color-blue-400)}}}:root{--vp-c-brand-1:var(--color-primary)}.vp-doc a{text-decoration-line:none}@media (hover:hover){.vp-doc a:hover{color:var(--color-secondary)}.vp-doc a:where(.dark,.dark *):hover{color:var(--color-secondary-dark)}}:root{--vp-font-family-base:"Inter", ui-sans-serif, system-ui, sans-serif;--vp-font-family-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--accent:#644ac9;--accent-soft:#8668e0;--green:#14710a;--vp-c-bg:#fffbeb;--vp-c-bg-alt:#f5f1df;--vp-c-bg-elv:#ece8d3;--vp-c-bg-soft:#f7f3e1;--vp-c-divider:#d9d4bb;--vp-c-gutter:#f5f1df;--vp-c-text-1:#1f1f1f;--vp-c-text-2:#4b4b52;--vp-c-text-3:#6c664b;--vp-c-brand-1:#644ac9;--vp-c-brand-2:#7459d8;--vp-c-brand-3:#644ac9;--vp-c-brand-soft:#644ac91f;--color-primary:#644ac9;--color-primary-alt:#4f39a8;--color-primary-alt-dark:#8668e0;--color-secondary:#3b2a8a;--color-secondary-dark:#3b2a8a;--color-green-100:#d4f2cf;--color-green-800:#14710a}.dark{--accent:#bd93f9;--accent-soft:#d6bcfa;--green:#50fa7b;--color-primary:#9d6ff0;--color-primary-alt:#8a5cd8;--color-primary-alt-dark:#d6bcfa;--color-secondary:#f8f8f2;--color-secondary-dark:#f8f8f2;--color-green-100:#50fa7b;--color-green-800:#1f4d33;--vp-c-bg:#282a36;--vp-c-bg-alt:#21222c;--vp-c-bg-elv:#343746;--vp-c-bg-soft:#2f3241;--vp-c-divider:#44475a;--vp-c-gutter:#21222c;--vp-c-text-1:#f8f8f2;--vp-c-text-2:#b6b8c9;--vp-c-text-3:#8e94b3;--vp-c-brand-1:var(--accent);--vp-c-brand-2:var(--accent);--vp-c-brand-3:#9d6ff0;--vp-c-brand-soft:#bd93f929}body{letter-spacing:-.005em}.VPNav .VPNavBar,.VPNavBar .content-body{-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px)}.VPNavBar:not(.has-sidebar):not(.home.top){background-color:#fffbebd9}.dark .VPNavBar:not(.has-sidebar):not(.home.top){background-color:#282a36cc}.component-border{background:var(--vp-c-bg-soft);border:1px solid var(--vp-c-divider);border-radius:0;transition:none}.component-border:hover,.component-border:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.component-border:hover,.component-border:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}}.component-border:hover,.component-border:focus-within{background:linear-gradient(180deg, var(--accent), var(--vp-c-bg-soft))}@supports (color:color-mix(in lab, red, red)){.component-border:hover,.component-border:focus-within{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 7%, var(--vp-c-bg-soft)), var(--vp-c-bg-soft))}}.component-border:hover,.component-border:focus-within{box-shadow:0 0 0 1px var(--accent), 0 8px 30px -12px var(--accent)}@supports (color:color-mix(in lab, red, red)){.component-border:hover,.component-border:focus-within{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent), 0 8px 30px -12px color-mix(in srgb, var(--accent) 45%, transparent)}}.component-border>.pl-8 a.text-2xl,.component-border a.text-2xl{color:var(--vp-c-text-1);letter-spacing:-.02em;font-weight:600}.component-border a.text-2xl{transition:none}.component-border a.text-2xl:hover{color:var(--accent);text-shadow:0 0 18px var(--accent)}@supports (color:color-mix(in lab, red, red)){.component-border a.text-2xl:hover{text-shadow:0 0 18px color-mix(in srgb, var(--accent) 45%, transparent)}}.component-border a.text-2xl:active{color:var(--accent-soft);text-shadow:none}.component-border .text-6xl{font-family:var(--vp-font-family-mono);color:var(--vp-c-text-1);font-size:2.5rem;font-weight:500;line-height:1}a.link-alt.uppercase,.component-border a.uppercase{border:1px solid var(--vp-c-divider);background:var(--vp-c-bg-elv);letter-spacing:.04em;border-radius:0;margin-bottom:4px;padding:2px 10px;font-size:.7rem;font-weight:500;transition:none;display:inline-block}a.link-alt.uppercase:hover{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){a.link-alt.uppercase:hover{background:color-mix(in srgb, var(--accent) 16%, var(--vp-c-bg-elv))}}a.link-alt.uppercase:active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){a.link-alt.uppercase:active{background:color-mix(in srgb, var(--accent) 30%, var(--vp-c-bg-elv))}}a.link-alt.uppercase:active{transform:translateY(1px)}a.component-border{border-radius:0}.vp-doc a,.vp-doc a:hover{color:var(--vp-c-brand-1);font-weight:500;text-decoration:none}.vp-doc a:hover{color:var(--vp-c-brand-2)}a,a:hover,.vp-doc a,.vp-doc a:hover,.vp-doc .header-anchor{text-decoration:none!important}.vp-doc h1{letter-spacing:-.03em;font-weight:700}.vp-doc h2{letter-spacing:-.02em;border-top-color:var(--vp-c-divider)}.vp-doc p,.vp-doc li{line-height:1.75}.vp-doc :not(pre)>code{color:var(--green);font-family:var(--vp-font-family-mono);border:1px solid var(--vp-c-divider);border-radius:0;font-size:.85em}.vp-doc div[class*=language-]{border:1px solid var(--vp-c-divider);border-radius:0}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:0}.home-hero{padding:56px 0 8px}.home-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.1}.home-hero h1 span{background:linear-gradient(90deg, var(--vp-c-text-1), var(--accent-soft) 70%, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.home-hero p{max-width:36rem;color:var(--vp-c-text-2);margin:16px 0 0;font-size:1.1rem;line-height:1.6}@media (prefers-reduced-motion:reduce){.component-border,a.link-alt.uppercase{transition:none}}[class*=rounded],.VPNavBarSearchButton,.vp-doc [class*=language-],.vp-doc :not(pre)>code,.vp-doc img,.vp-doc table,.custom-block,.VPLocalSearchBox .results .result,.VPSkipLink,.keys,button.copy,.VPSwitch,.VPSwitch .check{border-radius:0!important}p.flex.flex-wrap>a.border.m-1{margin:.25rem;padding:.25rem .875rem;transition:none}p.flex.flex-wrap>a.border.m-1:hover{border-color:var(--accent);background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){p.flex.flex-wrap>a.border.m-1:hover{background-color:color-mix(in srgb, var(--accent) 14%, transparent)}}@media (width<=639px){.component-border.flex:has(>.text-center){flex-direction:column}.component-border>.text-center{text-align:left;align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex;min-width:0!important}.component-border>.text-center .text-6xl{font-size:1.75rem}.component-border>.pl-8{padding-left:0}p.flex.flex-wrap:has(>a.border.m-1){-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin-inline:-.25rem;padding-bottom:.25rem;overflow-x:auto}p.flex.flex-wrap:has(>a.border.m-1)::-webkit-scrollbar{display:none}p.flex.flex-wrap>a.border.m-1{white-space:nowrap;flex:none;align-items:center;min-height:2.25rem;display:inline-flex}div.pt-6.pb-8{padding-top:.75rem;padding-bottom:.5rem}div.pt-6.pb-8>h1.mb-6{margin-bottom:.75rem}a.link-alt.uppercase,.component-border a.uppercase{margin-bottom:6px;padding:6px 12px}}div.flex.flex-wrap.py-4.items-center.justify-center:has(>a[href*=ko-fi\.com]){gap:12px}div.flex.flex-wrap.py-4.items-center.justify-center:has(>a[href*=ko-fi\.com])>a{justify-content:center;align-items:center;width:200px;height:56px;display:flex;margin:0!important}div.flex.flex-wrap.py-4.items-center.justify-center:has(>a[href*=ko-fi\.com])>a img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}div.flex.flex-wrap.py-4.items-center.justify-center.space-y-4:has(>a[href*=ko-fi\.com]){flex-flow:column}div.flex.flex-wrap.py-4.items-center.justify-center.space-x-4:has(>a[href*=ko-fi\.com]){grid-template-columns:repeat(2,168px);justify-content:center;gap:12px;display:grid}div.flex.flex-wrap.py-4.items-center.justify-center.space-x-4:has(>a[href*=ko-fi\.com])>a{width:168px;height:52px}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
+.VPFooter[data-v-6216a7be]{z-index:var(--vp-z-index-footer);border-top:1px solid var(--vp-c-gutter);background-color:var(--vp-c-bg);padding:32px 24px;position:relative}.VPFooter.has-sidebar[data-v-6216a7be]{display:none}.VPFooter[data-v-6216a7be] a{text-underline-offset:2px;text-decoration-line:underline;transition:none}.VPFooter[data-v-6216a7be] a:hover{color:var(--vp-c-text-1)}@media (width>=768px){.VPFooter[data-v-6216a7be]{padding:32px}}.container[data-v-6216a7be]{max-width:var(--vp-layout-max-width);text-align:center;margin:0 auto}.message[data-v-6216a7be],.copyright[data-v-6216a7be]{color:var(--vp-c-text-2);font-size:14px;font-weight:500;line-height:24px}.divider[data-v-871d7d08]{background-color:var(--vp-c-divider);content:"";width:1px;height:24px;margin-left:16px;margin-right:8px}.VPLocaleSwitcher[data-v-871d7d08]{width:36px;height:36px;color:var(--vp-c-text-2);justify-content:center;align-items:center;transition:none;display:flex}.VPLocaleSwitcher[data-v-871d7d08]:hover{color:var(--vp-c-text-1);transition:none}.VPLocaleSwitcher[data-v-871d7d08]>svg{fill:currentColor;width:20px;height:20px}:root{--vp-z-index-aside:25}.VPDoc.has-aside .aside-container{z-index:var(--vp-z-index-aside)}.medium-zoom--opened .medium-zoom-overlay{z-index:calc(var(--vp-z-index-aside) + 1)}.medium-zoom-image--opened{z-index:calc(var(--vp-z-index-aside) + 2)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-800:oklch(44.4% .177 26.899);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-800:oklch(44.8% .119 151.328);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-800:oklch(42.4% .199 265.638);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#3b82f6;--color-primary-alt:#1d4ed8;--color-primary-alt-dark:#93c5fd;--color-secondary:#ef4444;--color-secondary-dark:#eab308}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:var(--spacing)}.mx-1{margin-inline:var(--spacing)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-5{margin-right:calc(var(--spacing) * 5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.w-4{width:calc(var(--spacing) * 4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.component-border{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-500)}@media (hover:hover){.component-border:hover{border-color:var(--color-secondary)}.component-border:where(.dark,.dark *):hover{border-color:var(--color-secondary-dark)}}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-primary{border-color:var(--color-primary)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-100{background-color:var(--color-green-100)}.bg-primary{background-color:var(--color-primary)}.bg-red-100{background-color:var(--color-red-100)}.bg-yellow-100{background-color:var(--color-yellow-100)}.fill-current{fill:currentColor}.p-1{padding:var(--spacing)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-4{padding:calc(var(--spacing) * 4)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-end{text-align:end}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/\[32px\]{font-size:var(--text-sm);line-height:32px}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.link-alt{text-decoration-line:none!important}@media (hover:hover){.link-alt:hover{color:var(--color-secondary)!important}.link-alt:where(.dark,.dark *):hover{color:var(--color-secondary-dark)!important}}.link-alt{color:var(--color-primary-alt)!important}.link-alt:where(.dark,.dark *){color:var(--color-primary-alt-dark)!important}.link{text-decoration-line:none}@media (hover:hover){.link:hover{color:var(--color-secondary)}.link:where(.dark,.dark *):hover{color:var(--color-secondary-dark)}}.text-blue-800{color:var(--color-blue-800)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-800{color:var(--color-green-800)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-white\!{color:var(--color-white)!important}.text-yellow-800{color:var(--color-yellow-800)}.uppercase{text-transform:uppercase}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}}@media (width>=40rem){.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}}@media (width>=48rem){:where(.md\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:leading-14{--tw-leading:calc(var(--spacing) * 14);line-height:calc(var(--spacing) * 14)}}@media (width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.dark\:bg-blue-800:where(.dark,.dark *){background-color:var(--color-blue-800)}.dark\:bg-gray-700:where(.dark,.dark *){background-color:var(--color-gray-700)}.dark\:bg-green-800:where(.dark,.dark *){background-color:var(--color-green-800)}.dark\:bg-red-800:where(.dark,.dark *){background-color:var(--color-red-800)}.dark\:bg-yellow-800:where(.dark,.dark *){background-color:var(--color-yellow-800)}.dark\:text-blue-100:where(.dark,.dark *){color:var(--color-blue-100)}.dark\:text-gray-100:where(.dark,.dark *){color:var(--color-gray-100)}.dark\:text-gray-200:where(.dark,.dark *){color:var(--color-gray-200)}.dark\:text-green-100:where(.dark,.dark *){color:var(--color-green-100)}.dark\:text-red-100:where(.dark,.dark *){color:var(--color-red-100)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:text-yellow-100:where(.dark,.dark *){color:var(--color-yellow-100)}@media (hover:hover){.dark\:hover\:text-blue-400:where(.dark,.dark *):hover{color:var(--color-blue-400)}}}:root{--vp-c-brand-1:var(--color-primary)}.vp-doc a{text-decoration-line:none}@media (hover:hover){.vp-doc a:hover{color:var(--color-secondary)}.vp-doc a:where(.dark,.dark *):hover{color:var(--color-secondary-dark)}}:root{--vp-font-family-base:"Inter", ui-sans-serif, system-ui, sans-serif;--vp-font-family-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--accent:#644ac9;--accent-soft:#8668e0;--green:#14710a;--vp-c-bg:#fffbeb;--vp-c-bg-alt:#f5f1df;--vp-c-bg-elv:#ece8d3;--vp-c-bg-soft:#f7f3e1;--vp-c-divider:#d9d4bb;--vp-c-gutter:#f5f1df;--vp-c-text-1:#1f1f1f;--vp-c-text-2:#4b4b52;--vp-c-text-3:#6c664b;--vp-c-brand-1:#644ac9;--vp-c-brand-2:#7459d8;--vp-c-brand-3:#644ac9;--vp-c-brand-soft:#644ac91f;--color-primary:#644ac9;--color-primary-alt:#4f39a8;--color-primary-alt-dark:#8668e0;--color-secondary:#3b2a8a;--color-secondary-dark:#3b2a8a;--color-green-100:#d4f2cf;--color-green-800:#14710a}.dark{--accent:#bd93f9;--accent-soft:#d6bcfa;--green:#50fa7b;--color-primary:#9d6ff0;--color-primary-alt:#8a5cd8;--color-primary-alt-dark:#d6bcfa;--color-secondary:#f8f8f2;--color-secondary-dark:#f8f8f2;--color-green-100:#50fa7b;--color-green-800:#1f4d33;--vp-c-bg:#282a36;--vp-c-bg-alt:#21222c;--vp-c-bg-elv:#343746;--vp-c-bg-soft:#2f3241;--vp-c-divider:#44475a;--vp-c-gutter:#21222c;--vp-c-text-1:#f8f8f2;--vp-c-text-2:#b6b8c9;--vp-c-text-3:#8e94b3;--vp-c-brand-1:var(--accent);--vp-c-brand-2:var(--accent);--vp-c-brand-3:#9d6ff0;--vp-c-brand-soft:#bd93f929}body{letter-spacing:-.005em}.VPNav .VPNavBar,.VPNavBar .content-body{-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px)}.VPNavBar:not(.has-sidebar):not(.home.top){background-color:#fffbebd9}.dark .VPNavBar:not(.has-sidebar):not(.home.top){background-color:#282a36cc}.component-border{background:var(--vp-c-bg-soft);border:1px solid var(--vp-c-divider);border-radius:0;transition:none}.component-border:hover,.component-border:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.component-border:hover,.component-border:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}}.component-border:hover,.component-border:focus-within{background:linear-gradient(180deg, var(--accent), var(--vp-c-bg-soft))}@supports (color:color-mix(in lab, red, red)){.component-border:hover,.component-border:focus-within{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 7%, var(--vp-c-bg-soft)), var(--vp-c-bg-soft))}}.component-border:hover,.component-border:focus-within{box-shadow:0 0 0 1px var(--accent), 0 8px 30px -12px var(--accent)}@supports (color:color-mix(in lab, red, red)){.component-border:hover,.component-border:focus-within{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent), 0 8px 30px -12px color-mix(in srgb, var(--accent) 45%, transparent)}}.component-border>.pl-8 a.text-2xl,.component-border a.text-2xl{color:var(--vp-c-text-1);letter-spacing:-.02em;font-weight:600}.component-border a.text-2xl{transition:none}.component-border a.text-2xl:hover{color:var(--accent);text-shadow:0 0 18px var(--accent)}@supports (color:color-mix(in lab, red, red)){.component-border a.text-2xl:hover{text-shadow:0 0 18px color-mix(in srgb, var(--accent) 45%, transparent)}}.component-border a.text-2xl:active{color:var(--accent-soft);text-shadow:none}.component-border .text-6xl{font-family:var(--vp-font-family-mono);color:var(--vp-c-text-1);font-size:2.5rem;font-weight:500;line-height:1}a.link-alt.uppercase,.component-border a.uppercase{border:1px solid var(--vp-c-divider);background:var(--vp-c-bg-elv);letter-spacing:.04em;border-radius:0;margin-bottom:4px;padding:2px 10px;font-size:.7rem;font-weight:500;transition:none;display:inline-block}a.link-alt.uppercase:hover{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){a.link-alt.uppercase:hover{background:color-mix(in srgb, var(--accent) 16%, var(--vp-c-bg-elv))}}a.link-alt.uppercase:active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){a.link-alt.uppercase:active{background:color-mix(in srgb, var(--accent) 30%, var(--vp-c-bg-elv))}}a.link-alt.uppercase:active{transform:translateY(1px)}a.component-border{border-radius:0}.vp-doc a,.vp-doc a:hover{color:var(--vp-c-brand-1);font-weight:500;text-decoration:none}.vp-doc a:hover{color:var(--vp-c-brand-2)}a,a:hover,.vp-doc a,.vp-doc a:hover,.vp-doc .header-anchor{text-decoration:none!important}.vp-doc h1{letter-spacing:-.03em;font-weight:700}.vp-doc h2{letter-spacing:-.02em;border-top-color:var(--vp-c-divider)}.vp-doc p,.vp-doc li{line-height:1.75}.vp-doc :not(pre)>code{color:var(--green);font-family:var(--vp-font-family-mono);border:1px solid var(--vp-c-divider);border-radius:0;font-size:.85em}.vp-doc div[class*=language-]{border:1px solid var(--vp-c-divider);border-radius:0}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:0}.home-hero{padding:56px 0 8px}.home-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.1}.home-hero h1 span{background:linear-gradient(90deg, var(--vp-c-text-1), var(--accent-soft) 70%, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.home-hero p{max-width:36rem;color:var(--vp-c-text-2);margin:16px 0 0;font-size:1.1rem;line-height:1.6}@media (prefers-reduced-motion:reduce){.component-border,a.link-alt.uppercase{transition:none}}[class*=rounded],.VPNavBarSearchButton,.vp-doc [class*=language-],.vp-doc :not(pre)>code,.vp-doc img,.vp-doc table,.custom-block,.VPLocalSearchBox .results .result,.VPSkipLink,.keys,button.copy,.VPSwitch,.VPSwitch .check{border-radius:0!important}p.flex.flex-wrap>a.border.m-1{margin:.25rem;padding:.25rem .875rem;transition:none}p.flex.flex-wrap>a.border.m-1:hover{border-color:var(--accent);background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){p.flex.flex-wrap>a.border.m-1:hover{background-color:color-mix(in srgb, var(--accent) 14%, transparent)}}@media (width<=639px){.component-border.flex:has(>.text-center){flex-direction:column}.component-border>.text-center{text-align:left;align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex;min-width:0!important}.component-border>.text-center .text-6xl{font-size:1.75rem}.component-border>.pl-8{padding-left:0}p.flex.flex-wrap:has(>a.border.m-1){-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin-inline:-.25rem;padding-bottom:.25rem;overflow-x:auto}p.flex.flex-wrap:has(>a.border.m-1)::-webkit-scrollbar{display:none}p.flex.flex-wrap>a.border.m-1{white-space:nowrap;flex:none;align-items:center;min-height:2.25rem;display:inline-flex}div.pt-6.pb-8{padding-top:.75rem;padding-bottom:.5rem}div.pt-6.pb-8>h1.mb-6{margin-bottom:.75rem}a.link-alt.uppercase,.component-border a.uppercase{margin-bottom:6px;padding:6px 12px}}div.flex.flex-wrap.py-4.items-center.justify-center:has(>a[href*=ko-fi\.com]){gap:12px}div.flex.flex-wrap.py-4.items-center.justify-center:has(>a[href*=ko-fi\.com])>a{justify-content:center;align-items:center;width:200px;height:56px;display:flex;margin:0!important}div.flex.flex-wrap.py-4.items-center.justify-center:has(>a[href*=ko-fi\.com])>a img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}div.flex.flex-wrap.py-4.items-center.justify-center.space-y-4:has(>a[href*=ko-fi\.com]){flex-flow:column}div.flex.flex-wrap.py-4.items-center.justify-center.space-x-4:has(>a[href*=ko-fi\.com]){grid-template-columns:repeat(2,168px);justify-content:center;gap:12px;display:grid}div.flex.flex-wrap.py-4.items-center.justify-center.space-x-4:has(>a[href*=ko-fi\.com])>a{width:168px;height:52px}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
 /*$vite$:1*/

package/dist/node/config.d.mts

@@ -13,6 +13,14 @@ declare interface CustomDonationBaseConfig {
   donationBaseUrl: string;
   donationButtonImage: string;
   donationButtonStyle?: Record<string, string>;
+  /**
+   * Intrinsic image dimensions, used for width/height attributes so the
+   * browser can reserve layout space before the image loads.
+   */
+  donationButtonSize?: {
+    width: number;
+    height: number;
+  };
 }
 declare interface CustomDonationConfig extends CustomDonationBaseConfig {
   donationId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ansidev-oss/vitepress-theme-ansidev",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "The VitePress theme for ansidev's blog",
   "type": "module",
   "main": "dist/node/index.js",

package/src/client/components/Footer.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useData } from 'vitepress'
-import { useLayout } from 'vitepress/theme'
+import { useLayout } from 'vitepress/theme-without-fonts'
 import { computed, defineAsyncComponent } from 'vue'
 import DonationWidget from './DonationWidget.vue'
 

package/src/client/components/LocaleSwitcher.vue

@@ -2,6 +2,12 @@
 import { useI18n } from 'vue-i18n'
 import { switchLocale } from '../composables/locale'
 
+// Inline SVG instead of @iconify/vue's <Icon>: that component renders an
+// empty svg during SSR and fills it in after hydration, which shows up as a
+// late navbar visual change (Speed Index). This renders on the server.
+const translateIconBody =
+  '<g fill="currentColor"><path d="M4.545 6.714L4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286zm1.634-.736L5.5 3.956h-.049l-.679 2.022z"/><path d="M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm7.138 9.995q.289.451.63.846c-.748.575-1.673 1.001-2.768 1.292c.178.217.451.635.555.867c1.125-.359 2.08-.844 2.886-1.494c.777.665 1.739 1.165 2.93 1.472c.133-.254.414-.673.629-.89c-1.125-.253-2.057-.694-2.82-1.284c.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6 6 0 0 1-.415-.492a2 2 0 0 1-.94.31"/></g>'
+
 defineProps({
   size: {
     type: Number,
@@ -22,10 +28,17 @@ const toggleLocale = () => switchLocale(availableLocales, locale)
     class="VPLocaleSwitcher"
     @click="toggleLocale"
   >
-    <Icon icon="bi:translate" :width="size" :height="size" />
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      role="img"
+      :width="size"
+      :height="size"
+      viewBox="0 0 16 16"
+      v-html="translateIconBody"
+    ></svg>
   </button>
 </template>
-
 <style scoped>
 .divider {
   margin-right: 8px;

package/src/client/components/TermLink.vue

@@ -16,10 +16,20 @@ const props = defineProps({
 
 const slug = computed(() => useSlug(props.text))
 const link = computed(() => `${props.basePath}${slug.value}`)
+const label = computed(() => {
+  if (props.basePath === '/categories/') {
+    return `View all posts in category ${props.text}`
+  }
+  return `View all projects using ${props.text}`
+})
 </script>
 
 <template>
-  <RouterLink :to="link" class="mr-2 text-sm font-medium uppercase link-alt">
+  <RouterLink
+    :to="link"
+    :aria-label="label"
+    class="mr-2 text-sm font-medium uppercase link-alt"
+  >
     {{ text }}
   </RouterLink>
 </template>

package/src/client/index.ts

@@ -1,6 +1,6 @@
 import { Icon } from '@iconify/vue'
 import type { Theme } from 'vitepress'
-import DefaultTheme from 'vitepress/theme'
+import DefaultTheme from 'vitepress/theme-without-fonts'
 import { useHtmlLang, usePageLocale } from './composables/lang'
 import Layout from './layouts/Layout.vue'
 import ArchivesPage from './pages/ArchivesPage.vue'

package/src/client/layouts/Layout.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useData, useRoute } from 'vitepress'
-import DefaultTheme from 'vitepress/theme'
+import DefaultTheme from 'vitepress/theme-without-fonts'
 import { onMounted, watch } from 'vue'
 import DonationWidget from '../components/DonationWidget.vue'
 import Footer from '../components/Footer.vue'

package/src/client/plugins/donation/components/DonationButton.vue

@@ -11,6 +11,10 @@ const props = defineProps<DonationButtonProps>()
 const donationUrl = computed(() =>
   new URL(props.donationId, props.donationBaseUrl).toString()
 )
+
+// Intrinsic sizes of the platform button images so the browser can reserve
+// space before they load (avoids unsized-image CLS risk).
+const size = props.donationButtonSize
 </script>
 
 <template>
@@ -19,6 +23,10 @@ const donationUrl = computed(() =>
       :src="donationButtonImage"
       :alt="donationPlatform"
       :style="donationButtonStyle"
+      :width="size?.width"
+      :height="size?.height"
+      loading="lazy"
+      decoding="async"
     />
   </a>
 </template>

package/src/client/plugins/donation/index.ts

@@ -11,6 +11,11 @@ export declare interface CustomDonationBaseConfig {
   donationBaseUrl: string
   donationButtonImage: string
   donationButtonStyle?: Record<string, string>
+  /**
+   * Intrinsic image dimensions, used for width/height attributes so the
+   * browser can reserve layout space before the image loads.
+   */
+  donationButtonSize?: { width: number; height: number }
 }
 
 export declare interface CustomDonationConfig extends CustomDonationBaseConfig {
@@ -27,7 +32,8 @@ export const supportedDonationPlatforms: {
     donationButtonStyle: {
       height: '60px !important',
       width: '217px !important'
-    }
+    },
+    donationButtonSize: { width: 545, height: 153 }
   },
   kofi: {
     donationBaseUrl: 'https://ko-fi.com',
@@ -35,11 +41,13 @@ export const supportedDonationPlatforms: {
       'https://storage.ko-fi.com/cdn/brandasset/kofi_bg_tag_white.png',
     donationButtonStyle: {
       height: '60px !important'
-    }
+    },
+    donationButtonSize: { width: 341, height: 129 }
   },
   paypal: {
     donationBaseUrl: 'https://paypal.me',
     donationButtonImage:
-      'https://paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif'
+      'https://paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif',
+    donationButtonSize: { width: 147, height: 47 }
   }
 }

package/src/client/plugins/google-analytics/components/GoogleAnalytics.vue

@@ -44,8 +44,26 @@ function init() {
   }
 }
 
+function scheduleInit() {
+  const start = () => {
+    // Defer loading until the browser is idle so analytics never competes
+    // with critical rendering / interaction on the initial navigation.
+    if (typeof (window as any).requestIdleCallback === 'function') {
+      ;(window as any).requestIdleCallback(() => init(), { timeout: 5000 })
+    } else {
+      setTimeout(init, 3000)
+    }
+  }
+
+  if (document.readyState === 'complete') {
+    start()
+  } else {
+    window.addEventListener('load', start, { once: true })
+  }
+}
+
 if (googleAnalyticsOptions) {
-  onMounted(init)
+  onMounted(scheduleInit)
 }
 </script>