@huyooo/ui 1.0.3 → 1.0.4

package/dist/{LandingPageSectionTabs-Ce3_Rc2L.js → LandingPageSectionTabs-DhKpOj5F.js}

@@ -1,44 +1,43 @@
-import { openBlock as s, createElementBlock as i, renderSlot as f, defineComponent as g, createVNode as u, withCtx as _, Fragment as h, createTextVNode as m, ref as y, createElementVNode as e, renderList as v, toDisplayString as r, normalizeClass as k, normalizeStyle as x, computed as L, createBlock as I, unref as A, createCommentVNode as T, createStaticVNode as z, watch as N, withDirectives as E, vShow as G } from "vue";
+import { openBlock as s, createElementBlock as i, renderSlot as h, defineComponent as g, createVNode as u, withCtx as _, Fragment as f, createTextVNode as m, ref as k, createElementVNode as e, renderList as v, toDisplayString as c, normalizeClass as P, normalizeStyle as x, createBlock as I, unref as C, computed as A, createCommentVNode as w, createStaticVNode as D, watch as M, withDirectives as j, vShow as z } from "vue";
 import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { L as O } from "./LandingPageFAQ-CZJXvor9.js";
-import { j as U, k as W, i as R, e as Z, d as J, g as B, f as $, L as K, h as Q } from "./LandingPageLinkGroup-DDNRivMt.js";
-import { Icon as F } from "@iconify/vue";
-import { useWindowSize as q } from "@vueuse/core";
-import { D as w } from "./LandingPageSectionHeader-D_74W4My.js";
-import { c as X } from "./index-D56hUMeD.js";
+import { L as N } from "./LandingPageSectionHeader-CVAqc7bx.js";
+import { j as E, k as G, i as O, e as U, d as W, g as T, f as $, L as R, h as Z } from "./LandingPageLinkGroup-r-t3H1X0.js";
+import { Icon as B } from "@iconify/vue";
+import { D as S } from "./LandingPageDescription-BczWZHKy.js";
+import { c as J } from "./index-D56hUMeD.js";
 /* empty css               */
 /* empty css               */
-import { Tag as Y } from "@arco-design/web-vue";
-const ee = {}, te = {
+import { Tag as K } from "@arco-design/web-vue";
+const Q = {}, X = {
   class: "SubTitle"
 };
-function se(n, t) {
-  return s(), i("div", te, [f(n.$slots, "default", {}, void 0, !0)]);
+function Y(n, t) {
+  return s(), i("div", X, [h(n.$slots, "default", {}, void 0, !0)]);
 }
-const H = /* @__PURE__ */ p(ee, [["render", se], ["__scopeId", "data-v-961808f9"]]), ae = {}, ne = {
+const V = /* @__PURE__ */ p(Q, [["render", Y], ["__scopeId", "data-v-961808f9"]]), ee = {}, te = {
   class: "Title"
 };
-function ie(n, t) {
-  return s(), i("h2", ne, [f(n.$slots, "default", {}, void 0, !0)]);
+function se(n, t) {
+  return s(), i("h2", te, [h(n.$slots, "default", {}, void 0, !0)]);
 }
-const oe = /* @__PURE__ */ p(ae, [["render", ie], ["__scopeId", "data-v-3bd32caf"]]), ce = {
+const ae = /* @__PURE__ */ p(ee, [["render", se], ["__scopeId", "data-v-3bd32caf"]]), ne = {
   class: "BlockHeader"
-}, re = /* @__PURE__ */ g({
+}, ie = /* @__PURE__ */ g({
   __name: "LandingPageBlockHeader",
   setup(n) {
-    return (t, c) => (s(), i("div", ce, [u(oe, {
+    return (t, r) => (s(), i("div", ne, [u(ae, {
       class: "BlockHeaderTitle"
     }, {
-      default: _(() => [f(t.$slots, "title", {}, void 0, !0)]),
+      default: _(() => [h(t.$slots, "title", {}, void 0, !0)]),
       _: 3
-    }), u(H, {
+    }), u(V, {
       class: "BlockHeaderSubTitle"
     }, {
-      default: _(() => [f(t.$slots, "subTitle", {}, void 0, !0)]),
+      default: _(() => [h(t.$slots, "subTitle", {}, void 0, !0)]),
       _: 3
     })]));
   }
-}), le = /* @__PURE__ */ p(re, [["__scopeId", "data-v-59ccd5cb"]]), de = /* @__PURE__ */ g({
+}), oe = /* @__PURE__ */ p(ie, [["__scopeId", "data-v-59ccd5cb"]]), ce = /* @__PURE__ */ g({
   __name: "LandingPageAbout",
   setup(n) {
     const t = [{
@@ -78,20 +77,20 @@ const oe = /* @__PURE__ */ p(ae, [["render", ie], ["__scopeId", "data-v-3bd32caf
         }
       }
     }];
-    return (c, o) => (s(), i(h, null, [u(O, null, {
-      BlockHeader: _(() => [u(le, null, {
+    return (r, o) => (s(), i(f, null, [u(N, null, {
+      BlockHeader: _(() => [u(oe, null, {
         title: _(() => [...o[0] || (o[0] = [m("核心团队", -1)])]),
         subTitle: _(() => [...o[1] || (o[1] = [m("我们是一个充满激情的小团队。", -1)])]),
         _: 1
       })]),
-      BlockBody: _(() => [u(U, {
+      BlockBody: _(() => [u(E, {
         title: "Empowering the world with Astro.",
         description: "We're a multi-cultural team from around the world! We come from diverse backgrounds, bringing different personalities, experiences and skills to the job. This is what makes our team so special."
-      }), u(W, {
+      }), u(G, {
         "published-team-members": t
       })]),
       _: 1
-    }), u(R, {
+    }), u(O, {
       image: "https://astroship-pro.web3templates.com/_astro/employee.DPridi10_Z23eRat.avif",
       "image-alt": "Happy Team",
       title: "Mission",
@@ -100,16 +99,16 @@ const oe = /* @__PURE__ */ p(ae, [["render", ie], ["__scopeId", "data-v-3bd32caf
       features: ["Intelligent Task Management", "Real-time Collaboration", "Data Security & Privacy"]
     })], 64));
   }
-}), Js = /* @__PURE__ */ p(de, [["__scopeId", "data-v-a40e05a5"]]), ue = {
+}), Us = /* @__PURE__ */ p(ce, [["__scopeId", "data-v-a40e05a5"]]), re = {
   class: "nav"
-}, _e = {
+}, le = {
   class: "section"
-}, pe = ["href"], ge = {
+}, de = ["href"], ue = {
   class: "section"
-}, me = ["href"], fe = /* @__PURE__ */ g({
+}, _e = ["href"], pe = /* @__PURE__ */ g({
   __name: "LandingPageAside",
   setup(n) {
-    const t = y([{
+    const t = k([{
       text: "Editor",
       href: "/docs/editor/getting-started/overview"
     }, {
@@ -124,7 +123,7 @@ const oe = /* @__PURE__ */ p(ae, [["render", ie], ["__scopeId", "data-v-3bd32caf
     }, {
       text: "Documents",
       href: "/docs/collaboration/documents"
-    }]), c = y([{
+    }]), r = k([{
       text: "Guides",
       href: "/docs/guides"
     }, {
@@ -140,54 +139,54 @@ const oe = /* @__PURE__ */ p(ae, [["render", ie], ["__scopeId", "data-v-3bd32caf
       text: "Pro license",
       href: "/docs/resources/pro-license"
     }]);
-    return (o, a) => (s(), i("nav", ue, [a[2] || (a[2] = e("div", {
+    return (o, a) => (s(), i("nav", re, [a[2] || (a[2] = e("div", {
       class: "section"
     }, [e("div", {
       class: "section-title"
     }, "Getting started"), e("div", null, [e("a", {
       class: "link active",
       href: "/docs"
-    }, "Overview")])], -1)), e("div", _e, [a[0] || (a[0] = e("div", {
+    }, "Overview")])], -1)), e("div", le, [a[0] || (a[0] = e("div", {
       class: "section-title"
-    }, "Browse by feature", -1)), e("div", null, [(s(!0), i(h, null, v(t.value, (d) => (s(), i("a", {
+    }, "Browse by feature", -1)), e("div", null, [(s(!0), i(f, null, v(t.value, (d) => (s(), i("a", {
       key: d.text,
       class: "link",
       href: d.href
-    }, r(d.text), 9, pe))), 128))])]), e("div", ge, [a[1] || (a[1] = e("div", {
+    }, c(d.text), 9, de))), 128))])]), e("div", ue, [a[1] || (a[1] = e("div", {
       class: "section-title"
-    }, "Resources", -1)), e("div", null, [(s(!0), i(h, null, v(c.value, (d) => (s(), i("a", {
+    }, "Resources", -1)), e("div", null, [(s(!0), i(f, null, v(r.value, (d) => (s(), i("a", {
       key: d.text,
       class: "link",
       href: d.href
-    }, r(d.text), 9, me))), 128))])])]));
+    }, c(d.text), 9, _e))), 128))])])]));
   }
-}), Ks = /* @__PURE__ */ p(fe, [["__scopeId", "data-v-486b0852"]]), he = /* @__PURE__ */ g({
+}), Ws = /* @__PURE__ */ p(pe, [["__scopeId", "data-v-486b0852"]]), ge = /* @__PURE__ */ g({
   __name: "LandingPageButton",
   props: {
     type: {}
   },
   setup(n) {
-    return (t, c) => (s(), i("div", {
-      class: k(["heroButton", [n.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
-    }, [f(t.$slots, "default", {}, void 0, !0)], 2));
+    return (t, r) => (s(), i("div", {
+      class: P(["heroButton", [n.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
+    }, [h(t.$slots, "default", {}, void 0, !0)], 2));
   }
-}), ve = /* @__PURE__ */ p(he, [["__scopeId", "data-v-6860a5a3"]]), be = {}, $e = {
+}), me = /* @__PURE__ */ p(ge, [["__scopeId", "data-v-6860a5a3"]]), he = {}, fe = {
   class: "Card"
 };
-function ye(n, t) {
-  return s(), i("div", $e, [f(n.$slots, "default", {}, void 0, !0)]);
+function ve(n, t) {
+  return s(), i("div", fe, [h(n.$slots, "default", {}, void 0, !0)]);
 }
-const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"]]), ke = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1744'%20height='480'%20viewBox='0%200%201744%20480'%20fill='none'%3e%3cg%20style='mix-blend-mode:luminosity'%20opacity='0.5'%3e%3ccircle%20opacity='0.7'%20cx='861.225'%20cy='247.836'%20r='322.59'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.6'%20cx='861.225'%20cy='247.836'%20r='387.237'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.5'%20cx='861.226'%20cy='247.836'%20r='451.884'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.4'%20cx='861.225'%20cy='247.835'%20r='516.532'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.3'%20cx='861.225'%20cy='247.836'%20r='581.179'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.2'%20cx='861.225'%20cy='247.836'%20r='645.826'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.15'%20cx='861.225'%20cy='247.836'%20r='710.473'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='861.225'%20cy='247.836'%20r='775.12'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='862.695'%20cy='238.041'%20r='842.161'%20stroke='%2300000050'%20stroke-width='1.40477'%20/%3e%3ccircle%20opacity='0.1'%20cx='872'%20cy='240'%20r='907.243'%20stroke='%2300000050'%20stroke-width='1.51333'%20/%3e%3c/g%3e%3c/svg%3e", Pe = {
+const q = /* @__PURE__ */ p(he, [["render", ve], ["__scopeId", "data-v-102e7fdf"]]), be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1744'%20height='480'%20viewBox='0%200%201744%20480'%20fill='none'%3e%3cg%20style='mix-blend-mode:luminosity'%20opacity='0.5'%3e%3ccircle%20opacity='0.7'%20cx='861.225'%20cy='247.836'%20r='322.59'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.6'%20cx='861.225'%20cy='247.836'%20r='387.237'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.5'%20cx='861.226'%20cy='247.836'%20r='451.884'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.4'%20cx='861.225'%20cy='247.835'%20r='516.532'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.3'%20cx='861.225'%20cy='247.836'%20r='581.179'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.2'%20cx='861.225'%20cy='247.836'%20r='645.826'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.15'%20cx='861.225'%20cy='247.836'%20r='710.473'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='861.225'%20cy='247.836'%20r='775.12'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='862.695'%20cy='238.041'%20r='842.161'%20stroke='%2300000050'%20stroke-width='1.40477'%20/%3e%3ccircle%20opacity='0.1'%20cx='872'%20cy='240'%20r='907.243'%20stroke='%2300000050'%20stroke-width='1.51333'%20/%3e%3c/g%3e%3c/svg%3e", $e = {
   class: "cta-container"
-}, Le = ["src"], xe = {
+}, ye = ["src"], ke = {
   class: "cta-content"
-}, Ie = {
+}, Pe = {
   class: "cta-title"
-}, Ce = {
+}, Le = {
   class: "cta-description"
-}, Se = {
+}, xe = {
   class: "cta-actions"
-}, we = /* @__PURE__ */ g({
+}, Ie = /* @__PURE__ */ g({
   __name: "LandingPageCta",
   props: {
     title: {
@@ -197,7 +196,7 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
       default: "立即开始您的翻译之旅"
     },
     backgroundUrl: {
-      default: ke
+      default: be
     },
     backgroundSize: {
       default: "120%"
@@ -205,7 +204,7 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
   },
   setup(n) {
     const t = n;
-    return (c, o) => (s(), i("div", Pe, [e("img", {
+    return (r, o) => (s(), i("div", $e, [e("img", {
       src: t.backgroundUrl,
       class: "cta-background",
       alt: "background",
@@ -213,11 +212,13 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
         width: t.backgroundSize,
         height: t.backgroundSize
       })
-    }, null, 12, Le), e("div", xe, [e("h1", Ie, r(t.title), 1), e("div", Ce, r(t.description), 1), e("div", Se, [f(c.$slots, "actions", {}, void 0, !0)])])]));
+    }, null, 12, ye), e("div", ke, [e("h1", Pe, c(t.title), 1), e("div", Le, c(t.description), 1), e("div", xe, [h(r.$slots, "actions", {}, void 0, !0)])])]));
   }
-}), Qs = /* @__PURE__ */ p(we, [["__scopeId", "data-v-caeb8fed"]]), Te = {
+}), Rs = /* @__PURE__ */ p(Ie, [["__scopeId", "data-v-caeb8fed"]]), Se = {
+  class: "Features"
+}, we = {
   class: "feature-title"
-}, Ae = /* @__PURE__ */ g({
+}, Ce = /* @__PURE__ */ g({
   __name: "LandingPageFeatures",
   props: {
     features: {
@@ -255,16 +256,9 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
     }
   },
   setup(n) {
-    const t = n, {
-      width: c
-    } = q(), o = L(() => c.value <= 768 ? 1 : c.value <= 1024 ? 2 : 3), a = L(() => ({
-      gridTemplateColumns: `repeat(${o.value}, 1fr)`
-    }));
-    return (d, P) => (s(), i("div", {
-      class: "Features",
-      style: x(a.value)
-    }, [(s(!0), i(h, null, v(t.features, (l) => (s(), I(D, {
-      key: l.title
+    const t = n;
+    return (r, o) => (s(), i("div", Se, [(s(!0), i(f, null, v(t.features, (a) => (s(), I(q, {
+      key: a.title
     }, {
       default: _(() => [e("div", {
         class: "icon-container",
@@ -272,25 +266,25 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
           color: t.iconColor,
           border: `1px solid ${t.iconBorderColor}`
         })
-      }, [u(A(F), {
+      }, [u(C(B), {
         class: "icon",
-        icon: l.icon
-      }, null, 8, ["icon"])], 4), e("h3", Te, r(l.title), 1), u(w, null, {
-        default: _(() => [m(r(l.description), 1)]),
+        icon: a.icon
+      }, null, 8, ["icon"])], 4), e("h3", we, c(a.title), 1), u(S, null, {
+        default: _(() => [m(c(a.description), 1)]),
         _: 2
       }, 1024)]),
       _: 2
-    }, 1024))), 128))], 4));
+    }, 1024))), 128))]));
   }
-}), Xs = /* @__PURE__ */ p(Ae, [["__scopeId", "data-v-0ef64373"]]), Be = {
+}), Zs = /* @__PURE__ */ p(Ce, [["__scopeId", "data-v-e9a40ee8"]]), Te = {
   class: "tt-feature-list"
-}, Fe = {
+}, Ae = {
   class: "tt-feature-content"
-}, Ve = {
+}, Be = {
   class: "heading-small"
-}, qe = {
+}, Fe = {
   class: "text-small"
-}, He = /* @__PURE__ */ g({
+}, Ve = /* @__PURE__ */ g({
   __name: "LandingPageFeatures2",
   props: {
     list: {
@@ -300,7 +294,7 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
   },
   setup(n) {
     const t = n;
-    return (c, o) => (s(), i("div", Be, [(s(!0), i(h, null, v(t.list, (a, d) => (s(), i("div", {
+    return (r, o) => (s(), i("div", Te, [(s(!0), i(f, null, v(t.list, (a, d) => (s(), i("div", {
       key: d,
       class: "tt-feature-item centered"
     }, [o[1] || (o[1] = e("div", {
@@ -309,22 +303,22 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
       src: "https://cdn.prod.website-files.com/645a9acecda2e0594fac6126/66cda872417824f6aabdc2ad_check-highlight-badge.svg",
       loading: "lazy",
       class: "feature-media"
-    })], -1)), e("div", Fe, [e("h3", Ve, r(a.title), 1), e("p", qe, [m(r(a.descriptions) + " ", 1), o[0] || (o[0] = e("br", null, null, -1))])])]))), 128))]));
+    })], -1)), e("div", Ae, [e("h3", Be, c(a.title), 1), e("p", Fe, [m(c(a.descriptions) + " ", 1), o[0] || (o[0] = e("br", null, null, -1))])])]))), 128))]));
   }
-}), Ys = /* @__PURE__ */ p(He, [["__scopeId", "data-v-5e0deecb"]]), De = {
+}), Js = /* @__PURE__ */ p(Ve, [["__scopeId", "data-v-5e0deecb"]]), qe = {
   class: "Footer"
-}, V = "support@huyooo.com", Me = /* @__PURE__ */ g({
+}, F = "support@huyooo.com", He = /* @__PURE__ */ g({
   __name: "LandingPageFooter",
   setup(n) {
-    const t = y("京ICP备2024077422号"), c = y("Copyright © 2024-2025 北京忽柚科技有限公司"), o = y("https://beian.miit.gov.cn/#/Integrated/index");
+    const t = k("京ICP备2024077422号"), r = k("Copyright © 2024-2025 北京忽柚科技有限公司"), o = k("https://beian.miit.gov.cn/#/Integrated/index");
     function a() {
-      const b = X(V, "", "");
+      const b = J(F, "", "");
       window.location.href = b;
     }
-    const d = y([{
+    const d = k([{
       type: "text",
       icon: "ic:baseline-email",
-      content: V,
+      content: F,
       select: a
     }, {
       type: "image",
@@ -333,13 +327,13 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
       select() {
       }
     }]);
-    return (P, l) => (s(), i("div", De, [u(Z, null, {
-      LandingPageBrandInfo: _(() => [u(K, {
+    return (L, l) => (s(), i("div", qe, [u(U, null, {
+      LandingPageBrandInfo: _(() => [u(R, {
         icon: "https://ghibliaigenerator.app/logo.png",
         name: "ONES",
         description: "几小时内构建和发布AI产品，无需数日。"
       })]),
-      LandingPageLinkGroup: _(() => [u(B, {
+      LandingPageLinkGroup: _(() => [u(T, {
         title: "产品"
       }, {
         item: _(() => [u($, null, {
@@ -353,7 +347,7 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
           _: 1
         })]),
         _: 1
-      }), u(B, {
+      }), u(T, {
         title: "资源"
       }, {
         item: _(() => [u($, null, {
@@ -361,7 +355,7 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
           _: 1
         })]),
         _: 1
-      }), u(B, {
+      }), u(T, {
         title: "公司"
       }, {
         item: _(() => [u($, null, {
@@ -385,34 +379,34 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
         })]),
         _: 1
       })]),
-      LandingPageFooterContact: _(() => [u(J, {
+      LandingPageFooterContact: _(() => [u(W, {
         "beian-number": t.value,
-        "copyright-text": c.value,
+        "copyright-text": r.value,
         "beian-url": o.value,
         links: d.value
       }, null, 8, ["beian-number", "copyright-text", "beian-url", "links"])]),
       _: 1
     })]));
   }
-}), ea = /* @__PURE__ */ p(Me, [["__scopeId", "data-v-e2021589"]]), je = {
+}), Ks = /* @__PURE__ */ p(He, [["__scopeId", "data-v-e2021589"]]), De = {
   class: "hero"
-}, ze = {
+}, Me = {
   class: "heroContent"
-}, Ne = {
+}, je = {
   class: "heroHeading"
-}, Ee = {
+}, ze = {
   class: "heroTitle"
-}, Ge = {
+}, Ne = {
   class: "heroDescription"
-}, Oe = {
+}, Ee = {
   class: "heroActions"
-}, Ue = {
+}, Ge = {
   key: 0,
   class: "heroImage"
-}, We = ["src", "alt"], Re = {
+}, Oe = ["src", "alt"], Ue = {
   key: 1,
   class: "heroImage"
-}, Ze = /* @__PURE__ */ g({
+}, We = /* @__PURE__ */ g({
   __name: "LandingPageHero",
   props: {
     title: {
@@ -434,16 +428,16 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
   },
   setup(n) {
     const t = n;
-    return (c, o) => (s(), i("main", je, [e("div", ze, [e("div", Ne, [e("h1", Ee, [f(c.$slots, "title", {}, () => [m(r(t.title), 1)], !0)])]), e("div", Ge, [e("div", null, r(t.description), 1)]), e("div", Oe, [f(c.$slots, "actions", {}, void 0, !0)])]), t.heroSource ? (s(), i("div", Ue, [e("img", {
+    return (r, o) => (s(), i("main", De, [e("div", Me, [e("div", je, [e("h1", ze, [h(r.$slots, "title", {}, () => [m(c(t.title), 1)], !0)])]), e("div", Ne, [e("div", null, c(t.description), 1)]), e("div", Ee, [h(r.$slots, "actions", {}, void 0, !0)])]), t.heroSource ? (s(), i("div", Ge, [e("img", {
       src: t.heroSource,
       alt: t.imageAlt || "Hero Image",
       loading: "eager",
       class: "hero-image"
-    }, null, 8, We)])) : (s(), i("div", Re, [f(c.$slots, "heroSource", {}, void 0, !0)]))]));
+    }, null, 8, Oe)])) : (s(), i("div", Ue, [h(r.$slots, "heroSource", {}, void 0, !0)]))]));
   }
-}), ta = /* @__PURE__ */ p(Ze, [["__scopeId", "data-v-993fcf26"]]), Je = {
+}), Qs = /* @__PURE__ */ p(We, [["__scopeId", "data-v-5c695f10"]]), Re = {
   class: "logos-list"
-}, Ke = /* @__PURE__ */ g({
+}, Ze = /* @__PURE__ */ g({
   __name: "LandingPageLogos",
   props: {
     title: {
@@ -470,13 +464,13 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
   },
   setup(n) {
     const t = n;
-    return (c, o) => (s(), i("div", Je, [(s(!0), i(h, null, v(t.logos, (a, d) => (s(), I(A(F), {
+    return (r, o) => (s(), i("div", Re, [(s(!0), i(f, null, v(t.logos, (a, d) => (s(), I(C(B), {
       key: d,
       icon: a.name,
       class: "logo-icon"
     }, null, 8, ["icon"]))), 128))]));
   }
-}), sa = /* @__PURE__ */ p(Ke, [["__scopeId", "data-v-1eb19277"]]), Qe = /* @__PURE__ */ g({
+}), Xs = /* @__PURE__ */ p(Ze, [["__scopeId", "data-v-1eb19277"]]), Je = /* @__PURE__ */ g({
   __name: "LandingPagePageContent",
   props: {
     maxWidth: {
@@ -497,7 +491,7 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
     }
   },
   setup(n) {
-    const t = n, c = L(() => ({
+    const t = n, r = A(() => ({
       maxWidth: t.maxWidth,
       margin: t.center ? "0 auto" : void 0,
       width: "100%",
@@ -508,34 +502,34 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
     }));
     return (o, a) => (s(), i("div", {
       class: "PageContent",
-      style: x(c.value)
-    }, [f(o.$slots, "default", {}, void 0, !0)], 4));
+      style: x(r.value)
+    }, [h(o.$slots, "default", {}, void 0, !0)], 4));
   }
-}), aa = /* @__PURE__ */ p(Qe, [["__scopeId", "data-v-00ec8180"]]), Xe = {
+}), Ys = /* @__PURE__ */ p(Je, [["__scopeId", "data-v-00ec8180"]]), Ke = {
   class: "page-content"
-}, Ye = /* @__PURE__ */ g({
+}, Qe = /* @__PURE__ */ g({
   __name: "PageContent",
   setup(n) {
-    return (t, c) => (s(), i("div", Xe, [f(t.$slots, "default", {}, void 0, !0), f(t.$slots, "footer", {}, void 0, !0)]));
+    return (t, r) => (s(), i("div", Ke, [h(t.$slots, "default", {}, void 0, !0), h(t.$slots, "footer", {}, void 0, !0)]));
   }
-}), na = /* @__PURE__ */ p(Ye, [["__scopeId", "data-v-b01d54bb"]]), et = {
+}), ea = /* @__PURE__ */ p(Qe, [["__scopeId", "data-v-b01d54bb"]]), Xe = {
   class: "Tabs"
-}, tt = {
+}, Ye = {
   class: "tabs-root"
-}, st = {
+}, et = {
   role: "radiogroup",
   "aria-required": "false",
   dir: "ltr",
   class: "tabs-group",
   tabindex: "0"
-}, at = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], nt = {
+}, tt = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], st = {
   key: 0,
   "data-state": "checked",
   class: "tabs-radio-icon"
-}, it = ["for"], ot = {
+}, at = ["for"], nt = {
   key: 0,
   class: "tabs-badge"
-}, ct = /* @__PURE__ */ g({
+}, it = /* @__PURE__ */ g({
   __name: "LandingPageTabs",
   props: {
     tabs: {
@@ -550,9 +544,9 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
   emits: ["update:modelValue"],
   setup(n) {
     const t = n;
-    return (c, o) => (s(), i("div", et, [e("div", tt, [e("div", st, [(s(!0), i(h, null, v(t.tabs, (a) => (s(), i("div", {
+    return (r, o) => (s(), i("div", Xe, [e("div", Ye, [e("div", et, [(s(!0), i(f, null, v(t.tabs, (a) => (s(), i("div", {
       key: a.value,
-      class: k(["tabs-item", {
+      class: P(["tabs-item", {
         "tabs-item-active": a.value === n.modelValue
       }])
     }, [e("button", {
@@ -564,19 +558,19 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
       value: a.value,
       class: "tabs-radio",
       tabindex: a.value === n.modelValue ? 0 : -1,
-      onClick: (d) => c.$emit("update:modelValue", a.value)
-    }, [a.value === n.modelValue ? (s(), i("span", nt)) : T("", !0)], 8, at), e("label", {
+      onClick: (d) => r.$emit("update:modelValue", a.value)
+    }, [a.value === n.modelValue ? (s(), i("span", st)) : w("", !0)], 8, tt), e("label", {
       class: "tabs-label",
       for: a.value
-    }, [e("span", null, r(a.label), 1), a.badge ? (s(), i("div", ot, r(a.badge), 1)) : T("", !0)], 8, it)], 2))), 128))])])]));
+    }, [e("span", null, c(a.label), 1), a.badge ? (s(), i("div", nt, c(a.badge), 1)) : w("", !0)], 8, at)], 2))), 128))])])]));
   }
-}), rt = /* @__PURE__ */ p(ct, [["__scopeId", "data-v-eae49087"]]), lt = {
+}), ot = /* @__PURE__ */ p(it, [["__scopeId", "data-v-eae49087"]]), ct = {
   class: "PriceGroup"
-}, dt = /* @__PURE__ */ g({
+}, rt = /* @__PURE__ */ g({
   __name: "LandingPagePriceGroup",
   setup(n) {
-    const t = y("subscribe-monthly");
-    return (c, o) => (s(), i("div", lt, [u(rt, {
+    const t = k("subscribe-monthly");
+    return (r, o) => (s(), i("div", ct, [u(ot, {
       modelValue: t.value,
       "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
       tabs: [{
@@ -590,35 +584,35 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
         value: "pay-as-you-go",
         label: "按需付费"
       }]
-    }, null, 8, ["modelValue"]), f(c.$slots, "default", {}, void 0, !0)]));
+    }, null, 8, ["modelValue"]), h(r.$slots, "default", {}, void 0, !0)]));
   }
-}), ia = /* @__PURE__ */ p(dt, [["__scopeId", "data-v-43a35f55"]]), ut = {
+}), ta = /* @__PURE__ */ p(rt, [["__scopeId", "data-v-43a35f55"]]), lt = {
   class: "PricingCard"
-}, _t = {
+}, dt = {
   class: "title"
-}, pt = {
+}, ut = {
   class: "titleText"
-}, gt = {
+}, _t = {
   class: "description"
-}, mt = {
+}, pt = {
   class: "priceAndDiscount"
-}, ft = {
+}, gt = {
   class: "price"
-}, ht = {
+}, mt = {
   class: "discount"
-}, vt = {
+}, ht = {
   style: {
     position: "relative",
     top: "3px"
   }
-}, bt = {
+}, ft = {
   key: 1,
   class: "priceNotDiscount"
-}, $t = {
+}, vt = {
   class: "cycle"
-}, yt = {
+}, bt = {
   class: "features"
-}, kt = /* @__PURE__ */ g({
+}, $t = /* @__PURE__ */ g({
   __name: "LandingPagePricingCard",
   props: {
     loading: {
@@ -680,53 +674,53 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
   setup(n, {
     emit: t
   }) {
-    const c = t, o = n;
+    const r = t, o = n;
     function a() {
-      c("toPay");
+      r("toPay");
     }
-    return (d, P) => (s(), i("div", ut, [e("div", null, [e("div", _t, [e("span", pt, r(o.title), 1), o.badge.label ? (s(), I(A(Y), {
+    return (d, L) => (s(), i("div", lt, [e("div", null, [e("div", dt, [e("span", ut, c(o.title), 1), o.badge.label ? (s(), I(C(K), {
       key: 0,
       color: "arcoblue"
     }, {
-      default: _(() => [m(r(o.badge.label), 1)]),
+      default: _(() => [m(c(o.badge.label), 1)]),
       _: 1
-    })) : T("", !0)]), e("div", gt, r(o.description), 1)]), e("div", mt, [o.discount !== null ? (s(), i(h, {
+    })) : w("", !0)]), e("div", _t, c(o.description), 1)]), e("div", pt, [o.discount !== null ? (s(), i(f, {
       key: 0
-    }, [e("span", ft, [e("span", null, r(o.price), 1), e("span", null, r(o.unit), 1)]), e("span", ht, [e("span", vt, r(o.discount), 1), e("span", null, r(o.unit), 1)])], 64)) : (s(), i("span", bt, [e("span", null, r(o.price), 1), e("span", null, r(o.unit), 1)])), e("span", $t, r(o.cycle), 1)]), e("div", yt, [(s(!0), i(h, null, v(o.features, (l, C) => (s(), I(Q, {
-      key: C,
+    }, [e("span", gt, [e("span", null, c(o.price), 1), e("span", null, c(o.unit), 1)]), e("span", mt, [e("span", ht, c(o.discount), 1), e("span", null, c(o.unit), 1)])], 64)) : (s(), i("span", ft, [e("span", null, c(o.price), 1), e("span", null, c(o.unit), 1)])), e("span", vt, c(o.cycle), 1)]), e("div", bt, [(s(!0), i(f, null, v(o.features, (l, y) => (s(), I(Z, {
+      key: y,
       description: l.title
-    }, null, 8, ["description"]))), 128))]), u(ve, {
+    }, null, 8, ["description"]))), 128))]), u(me, {
       class: "handle",
       type: "primary",
       loading: o.loading,
       disabled: !(o.discount || o.price),
       onClick: a
     }, {
-      default: _(() => [m(r(o.button.label), 1)]),
+      default: _(() => [m(c(o.button.label), 1)]),
       _: 1
     }, 8, ["loading", "disabled"])]));
   }
-}), oa = /* @__PURE__ */ p(kt, [["__scopeId", "data-v-4a99638e"]]), Pt = {}, Lt = {
+}), sa = /* @__PURE__ */ p($t, [["__scopeId", "data-v-4a99638e"]]), yt = {}, kt = {
   class: "PricingGrid"
-}, xt = {
+}, Pt = {
   class: "content"
 };
-function It(n, t) {
-  return s(), i("div", Lt, [e("div", xt, [f(n.$slots, "default", {}, void 0, !0)])]);
+function Lt(n, t) {
+  return s(), i("div", kt, [e("div", Pt, [h(n.$slots, "default", {}, void 0, !0)])]);
 }
-const ca = /* @__PURE__ */ p(Pt, [["render", It], ["__scopeId", "data-v-1f26d3ee"]]), Ct = {
+const aa = /* @__PURE__ */ p(yt, [["render", Lt], ["__scopeId", "data-v-1f26d3ee"]]), xt = {
   class: "sections-container"
-}, St = ["src", "alt"], wt = {
+}, It = ["src", "alt"], St = {
   class: "header"
-}, Tt = {
+}, wt = {
   class: "title"
-}, At = {
+}, Ct = {
   class: "features-list"
-}, Bt = {
+}, Tt = {
   class: "content"
-}, Ft = {
+}, At = {
   class: "feature-title"
-}, Vt = /* @__PURE__ */ g({
+}, Bt = /* @__PURE__ */ g({
   __name: "LandingPageSections",
   props: {
     title: {
@@ -766,12 +760,12 @@ const ca = /* @__PURE__ */ p(Pt, [["render", It], ["__scopeId", "data-v-1f26d3ee
   },
   setup(n) {
     const t = n;
-    return (c, o) => (s(), i("section", Ct, [e("div", {
-      class: k(["content-wrapper", {
+    return (r, o) => (s(), i("section", xt, [e("div", {
+      class: P(["content-wrapper", {
         reverse: t.reverse
       }])
     }, [e("div", {
-      class: k(["image-container", {
+      class: P(["image-container", {
         "order-2": t.reverse,
         "order-1": !t.reverse
       }])
@@ -779,31 +773,31 @@ const ca = /* @__PURE__ */ p(Pt, [["render", It], ["__scopeId", "data-v-1f26d3ee
       src: t.imageUrl,
       alt: t.imageAlt,
       class: "image"
-    }, null, 8, St)], 2), e("div", {
-      class: k(["text-container", {
+    }, null, 8, It)], 2), e("div", {
+      class: P(["text-container", {
         "order-1": t.reverse,
         "order-2": !t.reverse
       }])
-    }, [e("div", wt, [e("div", Tt, r(t.title), 1), u(H, null, {
-      default: _(() => [m(r(t.subTitle), 1)]),
+    }, [e("div", St, [e("div", wt, c(t.title), 1), u(V, null, {
+      default: _(() => [m(c(t.subTitle), 1)]),
       _: 1
-    })]), e("div", At, [(s(!0), i(h, null, v(t.features, (a, d) => (s(), i("div", {
+    })]), e("div", Ct, [(s(!0), i(f, null, v(t.features, (a, d) => (s(), i("div", {
       key: d,
       class: "feature-item"
     }, [e("div", {
-      class: k(["icon-container", [`icon-${a.color}`]])
+      class: P(["icon-container", [`icon-${a.color}`]])
     }, [...o[0] || (o[0] = [e("div", {
       class: "dot"
-    }, null, -1)])], 2), e("div", Bt, [e("div", Ft, r(a.title), 1), u(w, null, {
-      default: _(() => [m(r(a.description), 1)]),
+    }, null, -1)])], 2), e("div", Tt, [e("div", At, c(a.title), 1), u(S, null, {
+      default: _(() => [m(c(a.description), 1)]),
       _: 2
     }, 1024)])]))), 128))])], 2)], 2)]));
   }
-}), ra = /* @__PURE__ */ p(Vt, [["__scopeId", "data-v-ccadd722"]]), qt = ["onClick"], Ht = ["src", "alt"], Dt = {
+}), na = /* @__PURE__ */ p(Bt, [["__scopeId", "data-v-ccadd722"]]), Ft = ["onClick"], Vt = ["src", "alt"], qt = {
   class: "card-content"
-}, Mt = {
+}, Ht = {
   class: "card-title"
-}, jt = /* @__PURE__ */ g({
+}, Dt = /* @__PURE__ */ g({
   __name: "LandingPageShowcase",
   props: {
     items: {},
@@ -825,44 +819,42 @@ const ca = /* @__PURE__ */ p(Pt, [["render", It], ["__scopeId", "data-v-1f26d3ee
   setup(n, {
     emit: t
   }) {
-    const c = n, o = t, {
-      width: a
-    } = q();
-    function d(b) {
-      o("cardClick", b);
+    const r = n, o = t;
+    function a(L) {
+      o("cardClick", L);
     }
-    const P = L(() => a.value <= 768 ? 1 : a.value <= 1024 ? 2 : c.columns || 4), l = L(() => ({
-      gridTemplateColumns: `repeat(${P.value}, 1fr)`
-    })), C = L(() => ({
-      height: `${c.cardHeight}px`,
-      objectFit: c.objectFit
+    const d = A(() => ({
+      height: `${r.cardHeight}px`,
+      objectFit: r.objectFit
     }));
-    return (b, M) => (s(), i("div", {
+    return (L, l) => (s(), i("div", {
       class: "Showcase",
-      style: x(l.value)
-    }, [(s(!0), i(h, null, v(c.items, (S, j) => (s(), i("div", {
-      key: j,
+      style: x({
+        "--showcase-columns": r.columns
+      })
+    }, [(s(!0), i(f, null, v(r.items, (y, b) => (s(), i("div", {
+      key: b,
       class: "showcase-card",
-      onClick: (Ds) => d(S)
+      onClick: (H) => a(y)
     }, [e("img", {
-      src: S.image,
-      alt: S.alt,
-      style: x(C.value)
-    }, null, 12, Ht), e("div", Dt, [e("div", Mt, r(S.title), 1), u(w, null, {
-      default: _(() => [m(r(S.description), 1)]),
+      src: y.image,
+      alt: y.alt,
+      style: x(d.value)
+    }, null, 12, Vt), e("div", qt, [e("div", Ht, c(y.title), 1), u(S, null, {
+      default: _(() => [m(c(y.description), 1)]),
       _: 2
-    }, 1024)])], 8, qt))), 128))], 4));
+    }, 1024)])], 8, Ft))), 128))], 4));
   }
-}), la = /* @__PURE__ */ p(jt, [["__scopeId", "data-v-99dac3c9"]]), zt = {
+}), ia = /* @__PURE__ */ p(Dt, [["__scopeId", "data-v-20487899"]]), Mt = {
   class: "Stats"
-}, Nt = {
+}, jt = {
   key: 0,
   class: "stats-label"
-}, Et = {
+}, zt = {
   class: "stats-number"
-}, Gt = {
+}, Nt = {
   class: "stats-label"
-}, Ot = /* @__PURE__ */ g({
+}, Et = /* @__PURE__ */ g({
   __name: "LandingPageStats",
   props: {
     title: {
@@ -889,18 +881,18 @@ const ca = /* @__PURE__ */ p(Pt, [["render", It], ["__scopeId", "data-v-1f26d3ee
   },
   setup(n) {
     const t = n;
-    return (c, o) => (s(), i("div", zt, [(s(!0), i(h, null, v(t.stats, (a, d) => (s(), i("div", {
+    return (r, o) => (s(), i("div", Mt, [(s(!0), i(f, null, v(t.stats, (a, d) => (s(), i("div", {
       key: d,
       class: "stats-item"
-    }, [a.title ? (s(), i("div", Nt, r(a.title), 1)) : T("", !0), e("div", Et, r(a.number), 1), e("div", Gt, r(a.label), 1)]))), 128))]));
+    }, [a.title ? (s(), i("div", jt, c(a.title), 1)) : w("", !0), e("div", zt, c(a.number), 1), e("div", Nt, c(a.label), 1)]))), 128))]));
   }
-}), da = /* @__PURE__ */ p(Ot, [["__scopeId", "data-v-f16f10aa"]]), Ut = {
+}), oa = /* @__PURE__ */ p(Et, [["__scopeId", "data-v-f16f10aa"]]), Gt = {
   class: "stepNumber"
-}, Wt = {
+}, Ot = {
   class: "count"
-}, Rt = {
+}, Ut = {
   class: "stepTitle"
-}, Zt = /* @__PURE__ */ g({
+}, Wt = /* @__PURE__ */ g({
   __name: "LandingPageSteps",
   props: {
     columns: {
@@ -923,31 +915,30 @@ const ca = /* @__PURE__ */ p(Pt, [["render", It], ["__scopeId", "data-v-1f26d3ee
   },
   setup(n) {
     const t = n;
-    return (c, o) => (s(), i("div", {
+    return (r, o) => (s(), i("div", {
       class: "Steps",
       style: x({
-        gridTemplateColumns: `repeat(${t.columns}, 1fr)`
-        // flexDirection: props.flexDirection,
+        "--step-columns": t.columns
       })
-    }, [(s(!0), i(h, null, v(t.steps, (a, d) => (s(), i("div", {
+    }, [(s(!0), i(f, null, v(t.steps, (a, d) => (s(), i("div", {
       key: d,
       class: "stepItem"
-    }, [e("div", Ut, [e("span", Wt, r(d + 1), 1)]), e("h3", Rt, r(a.title), 1), u(w, null, {
-      default: _(() => [m(r(a.description), 1)]),
+    }, [e("div", Gt, [e("span", Ot, c(d + 1), 1)]), e("h3", Ut, c(a.title), 1), u(S, null, {
+      default: _(() => [m(c(a.description), 1)]),
       _: 2
     }, 1024)]))), 128))], 4));
   }
-}), ua = /* @__PURE__ */ p(Zt, [["__scopeId", "data-v-df3b5d3b"]]), Jt = {
+}), ca = /* @__PURE__ */ p(Wt, [["__scopeId", "data-v-45d806db"]]), Rt = {
   class: "Testimonial"
-}, Kt = {
+}, Zt = {
   class: "user-info"
-}, Qt = {
+}, Jt = {
   class: "user-avatar"
-}, Xt = ["src", "alt"], Yt = {
+}, Kt = ["src", "alt"], Qt = {
   class: "user-name"
-}, es = {
+}, Xt = {
   class: "user-title"
-}, ts = /* @__PURE__ */ g({
+}, Yt = /* @__PURE__ */ g({
   __name: "LandingPageTestimonial",
   props: {
     testimonials: {
@@ -956,20 +947,20 @@ const ca = /* @__PURE__ */ p(Pt, [["render", It], ["__scopeId", "data-v-1f26d3ee
   },
   setup(n) {
     const t = n;
-    return (c, o) => (s(), i("div", Jt, [(s(!0), i(h, null, v(t.testimonials, (a, d) => (s(), I(D, {
+    return (r, o) => (s(), i("div", Rt, [(s(!0), i(f, null, v(t.testimonials, (a, d) => (s(), I(q, {
       key: d
     }, {
-      default: _(() => [e("div", null, [u(w, null, {
-        default: _(() => [m(r(`"${a.content}"`), 1)]),
+      default: _(() => [e("div", null, [u(S, null, {
+        default: _(() => [m(c(`"${a.content}"`), 1)]),
         _: 2
-      }, 1024)]), e("div", Kt, [e("span", Qt, [e("img", {
+      }, 1024)]), e("div", Zt, [e("span", Jt, [e("img", {
         src: a.avatar,
         alt: a.name
-      }, null, 8, Xt)]), e("div", null, [e("div", Yt, r(a.name), 1), e("div", es, r(a.title), 1)])])]),
+      }, null, 8, Kt)]), e("div", null, [e("div", Qt, c(a.name), 1), e("div", Xt, c(a.title), 1)])])]),
       _: 2
     }, 1024))), 128))]));
   }
-}), _a = /* @__PURE__ */ p(ts, [["__scopeId", "data-v-5aecfcb2"]]), ss = ["href"], as = /* @__PURE__ */ g({
+}), ra = /* @__PURE__ */ p(Yt, [["__scopeId", "data-v-5aecfcb2"]]), es = ["href"], ts = /* @__PURE__ */ g({
   __name: "LandingPageTips",
   props: {
     href: {
@@ -983,98 +974,98 @@ const ca = /* @__PURE__ */ p(Pt, [["render", It], ["__scopeId", "data-v-1f26d3ee
   },
   setup(n) {
     const t = n;
-    return (c, o) => (s(), i("a", {
+    return (r, o) => (s(), i("a", {
       href: t.href,
       class: "tips-link"
-    }, r(t.text), 9, ss));
+    }, c(t.text), 9, es));
   }
-}), pa = /* @__PURE__ */ p(as, [["__scopeId", "data-v-5f9c6150"]]), ns = {}, is = {
+}), la = /* @__PURE__ */ p(ts, [["__scopeId", "data-v-5f9c6150"]]), ss = {}, as = {
   class: "sidebar"
 };
-function os(n, t) {
-  return s(), i("div", is, [...t[0] || (t[0] = [z('<div data-v-ccf63d30><div class="sidebar-title" data-v-ccf63d30>On this page</div><a class="sidebar-link active" href="#page-title" data-v-ccf63d30>Introduction</a><a class="sidebar-link" href="#browse-by-feature" data-v-ccf63d30>Browse by feature</a><a class="sidebar-link" href="#implement-a-template" data-v-ccf63d30>Implement a template</a><a class="sidebar-link" href="#integrate-or-deploy-tiptap" data-v-ccf63d30>Integrate or deploy Tiptap</a><a class="sidebar-link" href="#manage-your-documents" data-v-ccf63d30>Manage your documents</a><a class="sidebar-link" href="#examples" data-v-ccf63d30>Examples</a><a class="sidebar-link" href="#guides" data-v-ccf63d30>Guides</a><a class="sidebar-link" href="#community" data-v-ccf63d30>Community</a></div>', 1)])]);
+function ns(n, t) {
+  return s(), i("div", as, [...t[0] || (t[0] = [D('<div data-v-ccf63d30><div class="sidebar-title" data-v-ccf63d30>On this page</div><a class="sidebar-link active" href="#page-title" data-v-ccf63d30>Introduction</a><a class="sidebar-link" href="#browse-by-feature" data-v-ccf63d30>Browse by feature</a><a class="sidebar-link" href="#implement-a-template" data-v-ccf63d30>Implement a template</a><a class="sidebar-link" href="#integrate-or-deploy-tiptap" data-v-ccf63d30>Integrate or deploy Tiptap</a><a class="sidebar-link" href="#manage-your-documents" data-v-ccf63d30>Manage your documents</a><a class="sidebar-link" href="#examples" data-v-ccf63d30>Examples</a><a class="sidebar-link" href="#guides" data-v-ccf63d30>Guides</a><a class="sidebar-link" href="#community" data-v-ccf63d30>Community</a></div>', 1)])]);
 }
-const ga = /* @__PURE__ */ p(ns, [["render", os], ["__scopeId", "data-v-ccf63d30"]]), cs = {
+const da = /* @__PURE__ */ p(ss, [["render", ns], ["__scopeId", "data-v-ccf63d30"]]), is = {
   class: "feature-card"
-}, rs = {
+}, os = {
   class: "feature-image"
-}, ls = ["src", "alt"], ds = {
+}, cs = ["src", "alt"], rs = {
   class: "feature-title"
-}, us = {
+}, ls = {
   class: "feature-description"
-}, _s = {
+}, ds = {
   class: "feature-platforms"
-}, ps = /* @__PURE__ */ g({
+}, us = /* @__PURE__ */ g({
   __name: "LandingPageFeatureCard",
   props: {
     feature: {}
   },
   setup(n) {
-    return (t, c) => (s(), i("div", cs, [e("div", rs, [e("img", {
+    return (t, r) => (s(), i("div", is, [e("div", os, [e("img", {
       src: n.feature.image,
       alt: n.feature.title,
       loading: "lazy",
       decoding: "async"
-    }, null, 8, ls)]), e("h3", ds, r(n.feature.title), 1), e("p", us, r(n.feature.description), 1), e("div", _s, [(s(!0), i(h, null, v(n.feature.platforms, (o) => (s(), I(A(F), {
+    }, null, 8, cs)]), e("h3", rs, c(n.feature.title), 1), e("p", ls, c(n.feature.description), 1), e("div", ds, [(s(!0), i(f, null, v(n.feature.platforms, (o) => (s(), I(C(B), {
       key: o.name,
       icon: o.icon,
       class: "platform-icon"
     }, null, 8, ["icon"]))), 128))])]));
   }
-}), ma = /* @__PURE__ */ p(ps, [["__scopeId", "data-v-16f0f374"]]), gs = {
+}), ua = /* @__PURE__ */ p(us, [["__scopeId", "data-v-16f0f374"]]), _s = {
   class: "feature-section-header"
-}, ms = {
+}, ps = {
   class: "feature-section-title"
-}, fs = ["innerHTML"], hs = /* @__PURE__ */ g({
+}, gs = ["innerHTML"], ms = /* @__PURE__ */ g({
   __name: "LandingPageFeatureSectionHeader",
   props: {
     title: {},
     description: {}
   },
   setup(n) {
-    return (t, c) => (s(), i("div", gs, [e("h2", ms, r(n.title), 1), e("p", {
+    return (t, r) => (s(), i("div", _s, [e("h2", ps, c(n.title), 1), e("p", {
       class: "feature-section-description",
       innerHTML: n.description
-    }, null, 8, fs)]));
+    }, null, 8, gs)]));
   }
-}), fa = /* @__PURE__ */ p(hs, [["__scopeId", "data-v-ae275532"]]), vs = {}, bs = {
+}), _a = /* @__PURE__ */ p(ms, [["__scopeId", "data-v-ae275532"]]), hs = {}, fs = {
   class: "features-grid"
 };
-function $s(n, t) {
-  return s(), i("div", bs, [f(n.$slots, "default", {}, void 0, !0)]);
+function vs(n, t) {
+  return s(), i("div", fs, [h(n.$slots, "default", {}, void 0, !0)]);
 }
-const ha = /* @__PURE__ */ p(vs, [["render", $s], ["__scopeId", "data-v-392f636b"]]), ys = {
+const pa = /* @__PURE__ */ p(hs, [["render", vs], ["__scopeId", "data-v-392f636b"]]), bs = {
   class: "testimonials-container"
-}, ks = {
+}, $s = {
   class: "testimonial-header"
-}, Ps = ["onClick"], Ls = {
+}, ys = ["onClick"], ks = {
   class: "user-avatar"
-}, xs = ["src", "alt"], Is = {
+}, Ps = ["src", "alt"], Ls = {
   class: "user-info"
-}, Cs = {
+}, xs = {
   class: "user-name"
-}, Ss = {
+}, Is = {
   class: "user-title"
-}, ws = {
+}, Ss = {
   class: "testimonial-content"
-}, Ts = /* @__PURE__ */ g({
+}, ws = /* @__PURE__ */ g({
   __name: "LandingPageTestimonialCard",
   props: {
     testimonials: {}
   },
   setup(n) {
-    function t(c) {
-      c.link && window.open(c.link, "_blank");
+    function t(r) {
+      r.link && window.open(r.link, "_blank");
     }
-    return (c, o) => (s(), i("div", ys, [(s(!0), i(h, null, v(n.testimonials, (a) => (s(), i("div", {
+    return (r, o) => (s(), i("div", bs, [(s(!0), i(f, null, v(n.testimonials, (a) => (s(), i("div", {
       key: a.name,
       class: "testimonial-card"
-    }, [e("div", ks, [e("div", {
-      class: k(["user-link", {
+    }, [e("div", $s, [e("div", {
+      class: P(["user-link", {
         "no-link": !a.link
       }]),
       onClick: (d) => t(a)
-    }, [e("div", Ls, [e("img", {
+    }, [e("div", ks, [e("img", {
       src: a.avatar,
       alt: a.name,
       width: "260",
@@ -1082,17 +1073,17 @@ const ha = /* @__PURE__ */ p(vs, [["render", $s], ["__scopeId", "data-v-392f636b
       loading: "lazy",
       decoding: "async",
       class: "avatar-image"
-    }, null, 8, xs)]), e("div", Is, [e("span", Cs, r(a.name), 1), e("span", Ss, r(a.title), 1)])], 10, Ps)]), e("p", ws, r(a.content), 1)]))), 128))]));
+    }, null, 8, Ps)]), e("div", Ls, [e("span", xs, c(a.name), 1), e("span", Is, c(a.title), 1)])], 10, ys)]), e("p", Ss, c(a.content), 1)]))), 128))]));
   }
-}), va = /* @__PURE__ */ p(Ts, [["__scopeId", "data-v-ea4dbec8"]]), As = {
+}), ga = /* @__PURE__ */ p(ws, [["__scopeId", "data-v-ea4dbec8"]]), Cs = {
   class: "tabs"
-}, Bs = {
+}, Ts = {
   class: "tabs-header"
-}, Fs = ["onClick"], Vs = {
+}, As = ["onClick"], Bs = {
   class: "tab-label"
-}, qs = {
+}, Fs = {
   class: "tabs-content"
-}, Hs = /* @__PURE__ */ g({
+}, Vs = /* @__PURE__ */ g({
   __name: "LandingPageSectionTabs",
   props: {
     tabs: {},
@@ -1107,62 +1098,62 @@ const ha = /* @__PURE__ */ p(vs, [["render", $s], ["__scopeId", "data-v-392f636b
   setup(n, {
     emit: t
   }) {
-    const c = n, o = t, a = L(() => {
+    const r = n, o = t, a = A(() => {
       var l;
-      return c.modelValue || c.defaultActiveTab || ((l = c.tabs[0]) == null ? void 0 : l.id) || "";
-    }), d = y(a.value);
-    N(a, (l) => {
+      return r.modelValue || r.defaultActiveTab || ((l = r.tabs[0]) == null ? void 0 : l.id) || "";
+    }), d = k(a.value);
+    M(a, (l) => {
       l && (d.value = l);
     });
-    function P(l) {
+    function L(l) {
       d.value = l, o("update:modelValue", l), o("tabChange", l);
     }
-    return (l, C) => (s(), i("div", As, [e("div", Bs, [(s(!0), i(h, null, v(n.tabs, (b) => (s(), i("div", {
+    return (l, y) => (s(), i("div", Cs, [e("div", Ts, [(s(!0), i(f, null, v(n.tabs, (b) => (s(), i("div", {
       key: b.id,
-      class: k(["tab-item", {
+      class: P(["tab-item", {
         active: d.value === b.id
       }]),
-      onClick: (M) => P(b.id)
-    }, [e("span", Vs, r(b.label), 1)], 10, Fs))), 128))]), e("div", qs, [(s(!0), i(h, null, v(n.tabs, (b) => E((s(), i("div", {
+      onClick: (H) => L(b.id)
+    }, [e("span", Bs, c(b.label), 1)], 10, As))), 128))]), e("div", Fs, [(s(!0), i(f, null, v(n.tabs, (b) => j((s(), i("div", {
       key: b.id,
       class: "tab-panel"
-    }, [f(l.$slots, b.id, {
+    }, [h(l.$slots, b.id, {
       tab: b
-    }, () => [f(l.$slots, "default", {
+    }, () => [h(l.$slots, "default", {
       tab: b
-    }, void 0, !0)], !0)])), [[G, d.value === b.id]])), 128))])]));
+    }, void 0, !0)], !0)])), [[z, d.value === b.id]])), 128))])]));
   }
-}), ba = /* @__PURE__ */ p(Hs, [["__scopeId", "data-v-0501b054"]]);
+}), ma = /* @__PURE__ */ p(Vs, [["__scopeId", "data-v-0501b054"]]);
 export {
-  ve as B,
-  D as C,
-  Js as L,
-  na as P,
-  rt as T,
-  Ks as a,
-  le as b,
-  Qs as c,
-  ma as d,
-  fa as e,
-  Xs as f,
-  Ys as g,
-  ha as h,
-  ea as i,
-  ta as j,
-  sa as k,
-  aa as l,
-  ia as m,
-  oa as n,
-  ca as o,
-  ba as p,
-  ra as q,
-  la as r,
-  da as s,
-  ua as t,
-  H as u,
-  _a as v,
-  va as w,
-  pa as x,
-  oe as y,
-  ga as z
+  me as B,
+  q as C,
+  Us as L,
+  ea as P,
+  ot as T,
+  Ws as a,
+  oe as b,
+  Rs as c,
+  ua as d,
+  _a as e,
+  Zs as f,
+  Js as g,
+  pa as h,
+  Ks as i,
+  Qs as j,
+  Xs as k,
+  Ys as l,
+  ta as m,
+  sa as n,
+  aa as o,
+  ma as p,
+  na as q,
+  ia as r,
+  oa as s,
+  ca as t,
+  V as u,
+  ra as v,
+  ga as w,
+  la as x,
+  ae as y,
+  da as z
 };