@voidzero-dev/vitepress-theme 0.1.38 → 0.1.43

package/dist/index43.js

@@ -1,78 +1,159 @@
-import { useForwardExpose as p } from "./index104.js";
-import { Primitive as b } from "./index112.js";
-import { RovingFocusItem_default as m } from "./index117.js";
-import { injectTabsRootContext as c } from "./index40.js";
-import { makeTriggerId as g, makeContentId as y } from "./index118.js";
-import { defineComponent as T, computed as d, createBlock as w, openBlock as C, unref as t, withCtx as s, createVNode as I, withKeys as h, withModifiers as M, renderSlot as V } from "vue";
-var k = /* @__PURE__ */ T({
-  __name: "TabsTrigger",
-  props: {
-    value: {
-      type: [String, Number],
-      required: !0
-    },
-    disabled: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    asChild: {
-      type: Boolean,
-      required: !1
-    },
-    as: {
-      type: null,
-      required: !1,
-      default: "button"
-    }
-  },
-  setup(u) {
-    const r = u, { forwardRef: n } = p(), a = c(), f = d(() => g(a.baseId, r.value)), v = d(() => y(a.baseId, r.value)), i = d(() => r.value === a.modelValue.value);
-    return (e, o) => (C(), w(t(m), {
-      "as-child": "",
-      focusable: !e.disabled,
-      active: i.value
-    }, {
-      default: s(() => [I(t(b), {
-        id: f.value,
-        ref: t(n),
-        role: "tab",
-        type: e.as === "button" ? "button" : void 0,
-        as: e.as,
-        "as-child": e.asChild,
-        "aria-selected": i.value ? "true" : "false",
-        "aria-controls": v.value,
-        "data-state": i.value ? "active" : "inactive",
-        disabled: e.disabled,
-        "data-disabled": e.disabled ? "" : void 0,
-        "data-orientation": t(a).orientation.value,
-        onMousedown: o[0] || (o[0] = M((l) => {
-          !e.disabled && l.ctrlKey === !1 ? t(a).changeModelValue(e.value) : l.preventDefault();
-        }, ["left"])),
-        onKeydown: o[1] || (o[1] = h((l) => t(a).changeModelValue(e.value), ["enter", "space"])),
-        onFocus: o[2] || (o[2] = () => {
-          const l = t(a).activationMode !== "manual";
-          !i.value && !e.disabled && l && t(a).changeModelValue(e.value);
-        })
-      }, {
-        default: s(() => [V(e.$slots, "default")]),
-        _: 3
-      }, 8, [
-        "id",
-        "type",
-        "as",
-        "as-child",
-        "aria-selected",
-        "aria-controls",
-        "data-state",
-        "disabled",
-        "data-disabled",
-        "data-orientation"
-      ])]),
-      _: 3
-    }, 8, ["focusable", "active"]));
+import { defineComponent as I, ref as g, onMounted as M, onUnmounted as A, createElementBlock as o, openBlock as s, createElementVNode as e, Fragment as u, renderList as p, normalizeClass as _, toDisplayString as v, createCommentVNode as V } from "vue";
+import f from "./index84.js";
+import B from "./index85.js";
+import c from "./index86.js";
+import w from "./index87.js";
+import y from "./index88.js";
+import k from "./index89.js";
+import x from "./index90.js";
+const F = { class: "wrapper" }, L = { class: "bg-wine case-study-background" }, D = { class: "flex py-10 md:py-20" }, H = ["src", "alt"], P = {
+  href: "#",
+  target: "_blank"
+}, j = { class: "text-white text-balance max-w-[20rem] pt-5" }, z = { class: "absolute bottom-0 left-0 right-0 flex gap-4 px-6 md:px-10 py-4 border-t border-slate items-center" }, O = ["href"], $ = { class: "project-icon" }, E = ["src", "alt"], N = {
+  key: 0,
+  class: "text-grey text-xs font-mono uppercase tracking-wide"
+}, X = { class: "embla-thumbs bg-primary" }, U = { class: "embla-thumbs__wrapper" }, q = { class: "embla-thumbs__container" }, G = ["onClick"], J = ["src", "alt"], se = /* @__PURE__ */ I({
+  __name: "CaseStudySlider",
+  setup(K) {
+    const b = g([
+      {
+        id: 1,
+        title: "How PLAID Cut Build Times by 97% Migrating From Rollup To Rolldown",
+        thumbnail: c,
+        projects: [
+          { name: "Vite", logo: w, url: "https://vite.dev/" },
+          { name: "Rolldown", logo: k, url: "https://rolldown.rs/" }
+        ]
+      },
+      {
+        id: 2,
+        title: "How PLAID Cut Build Times by 97% Migrating From Rollup To Rolldown",
+        thumbnail: c,
+        projects: [
+          { name: "Vitest", logo: y, url: "https://vitest.dev/" },
+          { name: "Rolldown", logo: k, url: "https://rolldown.rs/" }
+        ]
+      },
+      {
+        id: 3,
+        title: "How PLAID Cut Build Times by 97% Migrating From Rollup To Rolldown",
+        thumbnail: c,
+        projects: [
+          { name: "Vite", logo: w, url: "https://vite.dev/" },
+          { name: "OXC", logo: x, url: "https://oxc.rs/" }
+        ]
+      },
+      {
+        id: 4,
+        title: "How PLAID Cut Build Times by 97% Migrating From Rollup To Rolldown",
+        thumbnail: c,
+        projects: [
+          { name: "Vitest", logo: y, url: "https://vitest.dev/" },
+          { name: "OXC", logo: x, url: "https://oxc.rs/" }
+        ]
+      }
+    ]), m = g(0), [C, t] = f(
+      { loop: !0 },
+      [B()]
+    ), [R, d] = f({
+      containScroll: "keepSnaps",
+      dragFree: !0
+    }), S = (h) => {
+      t.value && t.value.scrollTo(h);
+    }, i = () => {
+      !t.value || !d.value || (m.value = t.value.selectedScrollSnap(), d.value.scrollTo(t.value.selectedScrollSnap()));
+    };
+    return M(() => {
+      !t.value || !d.value || (i(), t.value.on("select", i), t.value.on("reInit", i));
+    }), A(() => {
+      t.value && (t.value.off("select", i), t.value.off("reInit", i));
+    }), (h, a) => (s(), o("section", F, [
+      e("div", L, [
+        e("div", {
+          class: "overflow-hidden",
+          ref_key: "emblaMainRef",
+          ref: C
+        }, [
+          e("div", D, [
+            (s(!0), o(u, null, p(b.value, (l, n) => (s(), o("div", {
+              key: l.id,
+              class: _(["embla__slide p-6 md:p-10 w-[calc(100vw-4rem)] md:w-[55rem] rounded-lg relative", n === m.value ? "bg-primary" : "bg-primary/75"])
+            }, [
+              e("div", {
+                class: _(["embla__slide__content", { "embla__slide__content--active": n === m.value }])
+              }, [
+                e("img", {
+                  src: l.thumbnail,
+                  alt: l.title,
+                  class: "absolute top-6 md:top-10 right-6 md:right-10 h-4 md:h-5"
+                }, null, 8, H),
+                a[1] || (a[1] = e("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "Case Study", -1)),
+                e("a", P, [
+                  e("h5", j, v(l.title), 1)
+                ]),
+                a[2] || (a[2] = e("a", {
+                  href: "#",
+                  target: "_blank",
+                  class: "text-white font-medium border-b inline-block mt-4"
+                }, "Read case study →", -1)),
+                e("div", z, [
+                  a[0] || (a[0] = e("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "OSS", -1)),
+                  (s(!0), o(u, null, p(l.projects, (r, T) => (s(), o(u, {
+                    key: r.name
+                  }, [
+                    e("a", {
+                      href: r.url,
+                      target: "_blank"
+                    }, [
+                      e("figure", $, [
+                        e("img", {
+                          loading: "lazy",
+                          class: "size-5",
+                          src: r.logo,
+                          alt: r.name
+                        }, null, 8, E),
+                        e("figcaption", null, v(r.name), 1)
+                      ])
+                    ], 8, O),
+                    T < l.projects.length - 1 ? (s(), o("span", N, "//")) : V("", !0)
+                  ], 64))), 128))
+                ])
+              ], 2)
+            ], 2))), 128))
+          ])
+        ], 512)
+      ]),
+      e("div", X, [
+        e("div", U, [
+          e("div", {
+            class: "overflow-hidden",
+            ref_key: "emblaThumbRef",
+            ref: R
+          }, [
+            e("div", q, [
+              (s(!0), o(u, null, p(b.value, (l, n) => (s(), o("div", {
+                key: `thumb-${l.id}`,
+                class: _(["embla-thumbs__slide", { "embla-thumbs__slide--selected": n === m.value }])
+              }, [
+                e("button", {
+                  type: "button",
+                  class: "embla-thumbs__slide__button",
+                  onClick: (r) => S(n)
+                }, [
+                  e("img", {
+                    src: l.thumbnail,
+                    alt: `Slide ${n + 1}`,
+                    class: "embla-thumbs__slide__img"
+                  }, null, 8, J)
+                ], 8, G)
+              ], 2))), 128))
+            ])
+          ], 512)
+        ])
+      ])
+    ]));
   }
-}), A = k;
+});
 export {
-  A as TabsTrigger_default
+  se as default
 };

package/dist/index45.js

@@ -1,32 +1,328 @@
-import { defineComponent as c, onMounted as m, onUnmounted as d, createElementBlock as u, openBlock as g, createElementVNode as x } from "vue";
-import f from "./index120.js";
-const v = { class: "font-mono text-sm text-white leading-[1.5rem]" }, h = /* @__PURE__ */ c({
-  __name: "TerminalAnimation2",
+import { defineComponent as le, ref as r, shallowRef as P, computed as f, onMounted as ae, markRaw as W, onUnmounted as se, watch as ne, createElementBlock as c, openBlock as s, Fragment as X, createElementVNode as o, toDisplayString as w, createBlock as B, resolveDynamicComponent as E, createCommentVNode as $, withModifiers as q, createTextVNode as I, normalizeClass as J, renderList as ie } from "vue";
+import re from "./index79.js";
+import ue from "./index80.js";
+import de from "./index81.js";
+import ce from "./index82.js";
+import ve from "./index83.js";
+const pe = {
+  "aria-live": "polite",
+  "aria-atomic": "true",
+  class: "sr-only"
+}, fe = { class: "wrapper wrapper--ticks border-t grid grid-cols-1 md:grid-cols-2 divide-y md:divide-y-0 md:divide-x divide-ceramic" }, me = { class: "p-6 md:p-10 flex flex-col justify-between" }, ge = { key: 1 }, ye = { class: "relative w-full aspect-[5/3.5]" }, we = { class: "absolute top-4 md:top-6 left-4 md:left-6 z-10 project-dropdown" }, ke = ["aria-expanded", "aria-label"], xe = ["src", "alt"], be = {
+  key: 0,
+  role: "listbox",
+  "aria-label": "Project selection",
+  class: "absolute top-full left-0 mt-1 bg-white border border-stroke rounded-lg shadow-lg overflow-hidden min-w-full select-none"
+}, he = ["aria-selected"], De = ["onClick"], Ce = ["src"], Fe = { class: "font-medium" }, _e = {
+  key: 0,
+  class: "size-4 ml-auto",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  "aria-hidden": "true"
+}, Se = { class: "wrapper wrapper--ticks border-t grid grid-cols-1 md:grid-cols-3 divide-y md:divide-y-0 md:divide-x divide-ceramic" }, je = { class: "flex flex-col gap-2 p-6 md:p-10" }, Be = { key: 1 }, Ee = { class: "flex flex-col gap-2 p-6 md:p-10" }, Ie = { key: 1 }, Me = { class: "flex flex-col gap-2 p-6 md:p-10" }, Pe = { key: 1 }, Ge = /* @__PURE__ */ le({
+  __name: "Statistics",
   props: {
-    onAnimationComplete: { type: Function }
+    statsUrl: { default: "/stats.json" },
+    githubStats: { default: () => [] }
   },
-  setup(a) {
-    const n = a;
-    let e;
-    return m(() => {
-      const s = /* @__PURE__ */ new Date();
-      let t = s.getHours();
-      const o = s.getMinutes().toString().padStart(2, "0"), p = s.getSeconds().toString().padStart(2, "0"), i = t >= 12 ? "pm" : "am";
-      t = t % 12 || 12;
-      const l = `${t}:${o}:${p} ${i}`, r = document.getElementById("terminal-code");
-      e = new f(r, {
-        loop: !1,
-        delay: 1
-      }), e.typeString("<span>$ vite dev</span>").pauseFor(200).pasteString('<span class="block w-full h-[1rem]"></span>').pasteString('<div class="block text-grey"><span class="text-vite">VITE+ v1.0.0</span> ready in <span class="text-white font-medium">65</span> ms</div>').pasteString('<span class="block w-full h-[1rem]"></span>').pauseFor(500).pasteString('<div class="block"><span class="text-vite">  →  Local:   </span><span class="text-aqua">http://localhost:5173/</span></div>').pasteString('<div class="block text-grey">→  Network: use <span class="text-white font-medium">--host</span> to expose</div>').pasteString('<span class="block w-full h-[1rem]"></span>').pauseFor(1500).pasteString(`<div class="block text-grey">${l} <span class="text-aqua">[vite]</span> (client) <span class="text-vite">hmr update</span> /src/App.tsx</div>`).pasteString('<span class="block w-full h-[1rem]"></span>').callFunction(() => {
-        n.onAnimationComplete && n.onAnimationComplete();
-      }).start();
-    }), d(() => {
-      e && e.stop();
-    }), (s, t) => (g(), u("p", v, [...t[0] || (t[0] = [
-      x("span", { id: "terminal-code" }, null, -1)
-    ])]));
+  setup(Q) {
+    const D = Q, n = [
+      { key: "vite", name: "Vite", icon: ue, color: "#6C3BFF" },
+      { key: "vitest", name: "Vitest", icon: de, color: "#22FF73" },
+      { key: "rolldown", name: "Rolldown", icon: ce, color: "#FF5500" },
+      { key: "oxlint", name: "OXC", icon: ve, color: "#32F3E9" }
+    ], Y = {
+      "vitejs/vite": "vite",
+      "vitest-dev/vitest": "vitest",
+      "rolldown/rolldown": "rolldown",
+      "oxc-project/oxc": "oxlint"
+    }, a = r("vite"), C = r({
+      vite: [],
+      vitest: [],
+      rolldown: [],
+      oxlint: []
+    }), z = r({
+      vite: 0,
+      vitest: 0,
+      rolldown: 0,
+      oxlint: 0
+    }), T = r({
+      vite: 0,
+      vitest: 0,
+      rolldown: 0,
+      oxlint: 0
+    }), L = r({
+      vite: 0,
+      vitest: 0,
+      rolldown: 0,
+      oxlint: 0
+    }), R = r([]), K = r({
+      datasets: []
+    }), p = P(null), v = P(null), k = P(null), G = f(() => z.value[a.value]), N = f(() => C.value[a.value].slice().reverse().find((t) => t.y > 0)?.y || 0), Z = f(() => {
+      const e = N.value;
+      return e >= 1e6 ? (e / 1e6).toFixed(1) + "M" : e >= 1e3 ? (e / 1e3).toFixed(1) + "K" : e.toString();
+    }), V = f(() => T.value[a.value]), ee = f(() => {
+      const e = V.value;
+      return e >= 1e6 ? (e / 1e6).toFixed(1) + "M" : e >= 1e3 ? (e / 1e3).toFixed(1) + "K" : e.toString();
+    }), A = f(() => L.value[a.value]), te = f(() => {
+      const e = A.value;
+      return e >= 1e6 ? (e / 1e6).toFixed(1) + "M" : e >= 1e3 ? (e / 1e3).toFixed(1) + "K" : e.toString();
+    }), x = f(() => n.find((e) => e.key === a.value)), i = r(!1), F = r(null), u = r(0), M = r(""), U = (e, t) => {
+      const l = parseInt(e.slice(1, 3), 16), m = parseInt(e.slice(3, 5), 16), g = parseInt(e.slice(5, 7), 16);
+      return `rgba(${l}, ${m}, ${g}, ${t})`;
+    }, O = (e) => {
+      e.target.closest(".project-dropdown") || (i.value = !1);
+    }, H = (e) => {
+      if (!i.value)
+        (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), i.value = !0, u.value = n.findIndex((t) => t.key === a.value));
+      else
+        switch (e.key) {
+          case "Escape":
+            e.preventDefault(), i.value = !1, F.value?.focus();
+            break;
+          case "ArrowDown":
+            e.preventDefault(), u.value = (u.value + 1) % n.length;
+            break;
+          case "ArrowUp":
+            e.preventDefault(), u.value = u.value === 0 ? n.length - 1 : u.value - 1;
+            break;
+          case "Enter":
+          case " ":
+            e.preventDefault(), a.value = n[u.value].key, i.value = !1, F.value?.focus();
+            break;
+          case "Home":
+            e.preventDefault(), u.value = 0;
+            break;
+          case "End":
+            e.preventDefault(), u.value = n.length - 1;
+            break;
+        }
+    }, oe = (e) => {
+      const t = n.find((l) => l.key === e);
+      a.value = e, i.value = !1, F.value?.focus(), t && (M.value = `${t.name} selected. Showing ${t.name} statistics.`, setTimeout(() => M.value = "", 1e3));
+    };
+    return ae(async () => {
+      document.addEventListener("click", O);
+      const { default: e } = await import("./index76.js");
+      await import("./index77.js");
+      const t = await import("./index78.js");
+      v.value = W(t.default), k.value = W(t.continuous);
+      const m = await (await fetch(D.statsUrl)).json();
+      for (const d of n) {
+        let S = (m[d.key] || []).map((j) => ({
+          x: re(j.x).valueOf(),
+          y: j.y
+        })).filter((j) => j.y > 0);
+        S.length > 2 && (S = S.slice(0, -2)), C.value[d.key] = S, z.value[d.key] = m.totalDownloads?.[d.key] || 0;
+      }
+      D.githubStats && D.githubStats.length > 0 && D.githubStats.forEach((d) => {
+        const _ = Y[d.repo];
+        _ && (T.value[_] = d.stars, L.value[_] = d.contributors);
+      }), R.value = C.value[a.value];
+      const g = document.getElementById("chart-canvas"), b = g.getContext("2d"), y = n.find((d) => d.key === a.value)?.color || "#6C3BFF", h = b.createLinearGradient(0, 0, -50, 400);
+      h.addColorStop(0, y), h.addColorStop(1, y), K.value = {
+        datasets: [
+          {
+            data: R.value,
+            fill: {
+              target: "origin",
+              above: U(y, 0.1)
+            },
+            pointStyle: !1,
+            borderWidth: 3,
+            borderColor: h,
+            stepped: !1
+          }
+        ]
+      }, p.value = new e(g, {
+        type: "line",
+        options: {
+          scales: {
+            x: {
+              type: "time",
+              time: {
+                unit: "week"
+              },
+              display: !1,
+              alignToPixels: !0,
+              ticks: { padding: 0 },
+              border: {
+                display: !1
+              }
+            },
+            y: {
+              min: 0,
+              display: !1,
+              ticks: { padding: 0 },
+              alignToPixels: !0,
+              border: {
+                display: !1
+              }
+            }
+          },
+          plugins: {
+            legend: {
+              display: !1
+            },
+            tooltip: {
+              enabled: !1
+            }
+          },
+          layout: {
+            autoPadding: !1,
+            padding: {
+              left: 0,
+              right: 0,
+              top: 0,
+              bottom: 80
+            }
+          },
+          aspectRatio: 5 / 3.5
+        },
+        data: {
+          datasets: K.value.datasets
+        }
+      });
+    }), se(() => {
+      p.value && p.value.destroy(), document.removeEventListener("click", O);
+    }), ne(a, (e) => {
+      const t = C.value[e];
+      if (p.value && p.value.data && p.value.data.datasets[0]) {
+        const l = p.value.data.datasets[0];
+        l.data = t.slice();
+        const g = document.getElementById("chart-canvas").getContext("2d"), b = n.find((h) => h.key === e)?.color || "#6C3BFF", y = g.createLinearGradient(0, 0, -50, 400);
+        y.addColorStop(0, b), y.addColorStop(1, b), l.borderColor = y, l.fill && typeof l.fill == "object" && (l.fill.above = U(b, 0.1)), p.value.update();
+      }
+    }, { flush: "post" }), (e, t) => (s(), c(X, null, [
+      o("div", pe, w(M.value), 1),
+      o("section", fe, [
+        o("div", me, [
+          t[1] || (t[1] = o("h6", { class: "flex gap-2 items-center" }, [
+            o("span", null, "Total downloads")
+          ], -1)),
+          o("h1", null, [
+            v.value ? (s(), B(E(v.value), {
+              key: 0,
+              plugins: [k.value],
+              value: G.value
+            }, null, 8, ["plugins", "value"])) : (s(), c("span", ge, w(G.value), 1))
+          ])
+        ]),
+        o("div", ye, [
+          o("div", we, [
+            o("button", {
+              ref_key: "dropdownButtonRef",
+              ref: F,
+              onClick: t[0] || (t[0] = q((l) => i.value = !i.value, ["stop"])),
+              onKeydown: H,
+              "aria-expanded": i.value,
+              "aria-label": `Select project: ${x.value?.name}`,
+              "aria-haspopup": "listbox",
+              class: "button cursor-pointer"
+            }, [
+              x.value ? (s(), c("img", {
+                key: 0,
+                src: x.value.icon,
+                class: "size-6",
+                alt: x.value?.name
+              }, null, 8, xe)) : $("", !0),
+              o("span", null, [
+                I(w(x.value?.name) + " ", 1),
+                t[2] || (t[2] = o("span", { class: "hidden md:inline-block" }, "Downloads", -1))
+              ]),
+              (s(), c("svg", {
+                class: J(["size-3 ml-1 fill-primary", { "rotate-180": i.value }]),
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 12 7",
+                "aria-hidden": "true"
+              }, [...t[3] || (t[3] = [
+                o("path", { d: "M1.41 0L6 4.58 10.59 0 12 1.42l-6 6-6-6z" }, null, -1)
+              ])], 2))
+            ], 40, ke),
+            i.value ? (s(), c("ul", be, [
+              (s(), c(X, null, ie(n, (l, m) => o("li", {
+                key: l.key,
+                role: "option",
+                "aria-selected": a.value === l.key
+              }, [
+                o("button", {
+                  onClick: q((g) => oe(l.key), ["stop"]),
+                  onKeydown: H,
+                  class: J([{
+                    "bg-gray-50": a.value === l.key,
+                    "bg-gray-100": u.value === m
+                  }, "select-none cursor-pointer flex items-center gap-2 px-3 py-2 w-full text-left text-base hover:bg-stroke/20 focus:outline-none focus:bg-stroke/20 hover:text-primary focus:text-primary"])
+                }, [
+                  o("img", {
+                    src: l.icon,
+                    class: "size-5",
+                    alt: ""
+                  }, null, 8, Ce),
+                  o("span", Fe, w(l.name), 1),
+                  a.value === l.key ? (s(), c("svg", _e, [...t[4] || (t[4] = [
+                    o("path", {
+                      "fill-rule": "evenodd",
+                      d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+                      "clip-rule": "evenodd"
+                    }, null, -1)
+                  ])])) : $("", !0)
+                ], 42, De)
+              ], 8, he)), 64))
+            ])) : $("", !0)
+          ]),
+          t[5] || (t[5] = o("canvas", {
+            id: "chart-canvas",
+            width: "200",
+            height: "200"
+          }, null, -1)),
+          t[6] || (t[6] = o("div", { class: "flex justify-between absolute bottom-6 md:bottom-10 left-6 md:left-10 right-6 md:right-10" }, [
+            o("p", { class: "font-mono text-sm text-nickel" }, "April 2020"),
+            o("p", { class: "font-mono text-sm text-nickel" }, "Today")
+          ], -1))
+        ])
+      ]),
+      o("section", Se, [
+        o("div", je, [
+          o("h2", null, [
+            v.value ? (s(), B(E(v.value), {
+              key: 0,
+              plugins: [k.value],
+              value: N.value,
+              format: { notation: "compact", maximumFractionDigits: 1 }
+            }, null, 8, ["plugins", "value"])) : (s(), c("span", Be, w(Z.value), 1)),
+            t[7] || (t[7] = I("+ ", -1))
+          ]),
+          t[8] || (t[8] = o("p", { class: "lead" }, "Weekly NPM downloads", -1))
+        ]),
+        o("div", Ee, [
+          o("h2", null, [
+            v.value ? (s(), B(E(v.value), {
+              key: 0,
+              plugins: [k.value],
+              value: V.value,
+              format: { notation: "compact", maximumFractionDigits: 1 }
+            }, null, 8, ["plugins", "value"])) : (s(), c("span", Ie, w(ee.value), 1)),
+            t[9] || (t[9] = I("+ ", -1))
+          ]),
+          t[10] || (t[10] = o("p", { class: "lead" }, "GitHub Stars", -1))
+        ]),
+        o("div", Me, [
+          o("h2", null, [
+            v.value ? (s(), B(E(v.value), {
+              key: 0,
+              plugins: [k.value],
+              value: A.value,
+              format: { notation: "compact", maximumFractionDigits: 1 }
+            }, null, 8, ["plugins", "value"])) : (s(), c("span", Pe, w(te.value), 1)),
+            t[11] || (t[11] = I("+ ", -1))
+          ]),
+          t[12] || (t[12] = o("p", { class: "lead" }, "Contributors", -1))
+        ])
+      ])
+    ], 64));
   }
 });
 export {
-  h as default
+  Ge as default
 };

package/dist/index47.js

@@ -1,28 +1,4 @@
-import { defineComponent as p, onMounted as l, onUnmounted as c, createElementBlock as i, openBlock as o, createElementVNode as r } from "vue";
-import m from "./index120.js";
-const d = { class: "font-mono text-sm text-white leading-[1.5rem]" }, g = /* @__PURE__ */ p({
-  __name: "TerminalAnimation4",
-  props: {
-    onAnimationComplete: { type: Function }
-  },
-  setup(e) {
-    const t = e;
-    let s;
-    return l(() => {
-      const a = document.getElementById("terminal-code");
-      s = new m(a, {
-        loop: !1,
-        delay: 1
-      }), s.typeString("<span>$ vite fmt</span>").pauseFor(200).pasteString('<span class="block w-full h-[1rem]"></span>').pasteString('<div class="block text-grey"><span class="text-vite">VITE+ v1.0.0</span> <span class="text-aqua">fmt</span></div>').pauseFor(500).pasteString('<div class="block">src/App.css <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>').pasteString('<div class="block">src/App.tsx <span class="text-aqua">1ms</span></div>').pasteString('<div class="block">src/index.css <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>').pasteString('<div class="block">src/main.tsx <span class="text-aqua">1ms</span></div>').pasteString('<div class="block">src/vite-env.d.ts <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>').pasteString('<div class="block"><span class="text-zest">✓</span> Formatted <span class="text-aqua">2 files</span> in <span class="text-aqua">2ms</span>.</div>').pasteString('<span class="block w-full h-[1rem]"></span>').callFunction(() => {
-        t.onAnimationComplete && t.onAnimationComplete();
-      }).start();
-    }), c(() => {
-      s && s.stop();
-    }), (a, n) => (o(), i("p", d, [...n[0] || (n[0] = [
-      r("span", { id: "terminal-code" }, null, -1)
-    ])]));
-  }
-});
+import f from "./index21.js";
 export {
-  g as default
+  f as default
 };

package/dist/index48.js

@@ -1,28 +1,5 @@
-import { defineComponent as p, onMounted as l, onUnmounted as o, createElementBlock as i, openBlock as r, createElementVNode as c } from "vue";
-import m from "./index120.js";
-const d = { class: "font-mono text-sm text-white leading-[1.5rem]" }, x = /* @__PURE__ */ p({
-  __name: "TerminalAnimation5",
-  props: {
-    onAnimationComplete: { type: Function }
-  },
-  setup(n) {
-    const t = n;
-    let s;
-    return l(() => {
-      const e = document.getElementById("terminal-code");
-      s = new m(e, {
-        loop: !1,
-        delay: 1
-      }), s.typeString("<span>$ vite test</span>").pauseFor(200).pasteString('<span class="block w-full h-[1rem]"></span>').pasteString('<div class="block"><span class="text-vite">VITE+ v1.0.0</span> <span class="text-aqua">test</span> RUN ~/vite-plus-demo</div>').pasteString('<span class="block w-full h-[1rem]"></span>').pauseFor(300).pasteString('<div class="block"><span class="text-zest">✓</span> test/hello.spec.ts <span class="text-grey">(1 test)</span> <span class="text-zest">1ms</span></div>').pasteString('<span class="block w-full h-[1rem]"></span>').pasteString('<div class="block text-grey">Test Files <span class="text-zest">1 passed</span> <span class="text-grey">(1)</span></div>').pasteString('<div class="block text-grey">Tests <span class="text-zest">1 passed</span> <span class="text-grey">(1)</span></div>').pasteString('<div class="block text-grey">Start at <span class="text-white">00:13:44</span></div>').pasteString('<div class="block text-grey">Duration <span class="text-white">199ms</span> <span class="text-grey">(transform 13ms, setup 0ms, collect 8ms, tests 1ms, environment 0ms, prepare 33ms)</span></div>').pasteString('<span class="block w-full h-[1rem]"></span>').callFunction(() => {
-        t.onAnimationComplete && t.onAnimationComplete();
-      }).start();
-    }), o(() => {
-      s && s.stop();
-    }), (e, a) => (r(), i("p", d, [...a[0] || (a[0] = [
-      c("span", { id: "terminal-code" }, null, -1)
-    ])]));
-  }
-});
+import o from "./index23.js";
+/* empty css        */
 export {
-  x as default
+  o as default
 };