valaxy 0.15.9 → 0.15.11-alpha.0

package/client/.vite-ssg-temp/tbbjcbuyn2/assets/index-d39a48fd.js

@@ -0,0 +1,1170 @@
+import { defineComponent, mergeProps, useSSRContext, provide, withCtx, createTextVNode, createVNode, renderSlot } from "vue";
+import { ssrRenderAttrs, ssrRenderSlot, ssrRenderAttr, ssrInterpolate, ssrRenderComponent, ssrRenderStyle } from "vue/server-renderer";
+import { useScriptTag } from "@vueuse/core";
+import { _ as _export_sfc, a as _sfc_main$2, b as __unplugin_components_2 } from "../main.mjs";
+import { _ as __unplugin_components_0 } from "./ValaxyMain-26e77dc6.js";
+import { useRoute } from "vue-router";
+import "vite-ssg";
+import "pinia";
+import "dayjs";
+import "dayjs/plugin/utc.js";
+import "dayjs/plugin/timezone.js";
+import "dayjs/locale/zh-cn.js";
+import "body-scroll-lock";
+import "@intlify/shared";
+import "@intlify/core-base";
+import "@vue/devtools-api";
+import "@unhead/schema-org";
+import "@unhead/vue";
+import "dayjs/plugin/relativeTime.js";
+import "defu";
+import "nprogress";
+import "medium-zoom";
+import "vanilla-lazyload";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CodePen",
+  __ssrInlineRender: true,
+  props: {
+    id: {},
+    user: {},
+    name: { default: "" },
+    tab: { default: "html,result" }
+  },
+  setup(__props) {
+    useScriptTag("https://static.codepen.io/assets/embed/ei.js");
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<p${ssrRenderAttrs(mergeProps({
+        class: "codepen flex justify-center items-center box-border border-2px border-solid my-4 p-4",
+        "data-default-tab": _ctx.tab,
+        "data-slug-hash": _ctx.id,
+        "data-user": _ctx.user
+      }, _attrs))}>`);
+      ssrRenderSlot(_ctx.$slots, "default", {}, () => {
+        _push(`<span> See the Pen `);
+        if (_ctx.name) {
+          _push(`<a${ssrRenderAttr("href", `https://codepen.io/${_ctx.user}/pen/${_ctx.id}`)}>${ssrInterpolate(_ctx.name)}</a>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(` by ${ssrInterpolate(_ctx.user)} (<a${ssrRenderAttr("href", `https://codepen.io/${_ctx.user}`)}>@${ssrInterpolate(_ctx.user)}</a>) on <a href="https://codepen.io">CodePen</a>. </span>`);
+      }, _push, _parent);
+      _push(`</p>`);
+    };
+  }
+});
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../../valaxy-addon-components/components/CodePen.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __pageData = JSON.parse('{"title":"Components","description":"","frontmatter":{"title":"Components","title_zh-CN":"组件","categories":["guide"],"end":false},"headers":[{"level":2,"title":"基础组件","slug":"基础组件","link":"#基础组件","children":[]},{"level":2,"title":"Basic Components","slug":"basic-components","link":"#basic-components","children":[{"level":3,"title":"其他","slug":"其他","link":"#其他","children":[]}]},{"level":2,"title":"辅助组件","slug":"辅助组件","link":"#辅助组件","children":[]},{"level":2,"title":"Helper Components","slug":"helper-components","link":"#helper-components","children":[]},{"level":2,"title":"自定义","slug":"自定义","link":"#自定义","children":[]}],"relativePath":"pages/guide/built-ins/index.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\built-ins\\\\index.md","lastUpdated":1696528959000}');
+const data = JSON.parse('{"title":"Components","description":"","frontmatter":{"title":"Components","title_zh-CN":"组件","categories":["guide"],"end":false},"headers":[{"level":2,"title":"基础组件","slug":"基础组件","link":"#基础组件","children":[]},{"level":2,"title":"Basic Components","slug":"basic-components","link":"#basic-components","children":[{"level":3,"title":"其他","slug":"其他","link":"#其他","children":[]}]},{"level":2,"title":"辅助组件","slug":"辅助组件","link":"#辅助组件","children":[]},{"level":2,"title":"Helper Components","slug":"helper-components","link":"#helper-components","children":[]},{"level":2,"title":"自定义","slug":"自定义","link":"#自定义","children":[]}],"relativePath":"pages/guide/built-ins/index.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\built-ins\\\\index.md","lastUpdated":1696528959000}');
+const _sfc_main = {
+  name: "pages/guide/built-ins/index.md",
+  data() {
+    return { data, frontmatter: data.frontmatter, $frontmatter: data.frontmatter };
+  },
+  setup() {
+    const route = useRoute();
+    route.meta.frontmatter = Object.assign(route.meta.frontmatter, data.frontmatter);
+    provide("pageData", data);
+  }
+};
+function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_ValaxyMain = __unplugin_components_0;
+  const _component_AppLink = _sfc_main$2;
+  const _component_ValaxyLogo = __unplugin_components_2;
+  const _component_CodePen = _sfc_main$1;
+  _push(ssrRenderComponent(_component_ValaxyMain, mergeProps({
+    frontmatter: $data.frontmatter,
+    data: $data.data
+  }, _attrs), {
+    "main-content-md": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<div lang="zh-CN"${_scopeId}><p${_scopeId}>Valaxy 内置了几个简单的组件。</p><p${_scopeId}>你可以在写文章或者创作主题时直接使用。</p></div><div lang="en"${_scopeId}><p${_scopeId}>Valaxy has several simple components built in.</p><p${_scopeId}>You can use them directly when writing articles or themes.</p></div><div class="tip custom-block"${_scopeId}><p class="custom-block-title"${_scopeId}><i class="icon i-carbon-thumbs-up"${_scopeId}></i><span lang="en"${_scopeId}><div flex items="center" pb-1${_scopeId}><div inline-flex i-logos:vue${_scopeId}></div> <span ml-1 inline-flex${_scopeId}>基于 Vue 组件</span></div></span><span lang="zh-CN"${_scopeId}><div flex items="center" pb-1${_scopeId}><div inline-flex i-logos:vue${_scopeId}></div> <span ml-1 inline-flex${_scopeId}>基于 Vue 组件</span></div></span></p></div><h2 lang="zh-CN" id="基础组件" tabindex="-1"${_scopeId}>基础组件 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#基础组件",
+          "aria-label": 'Permalink to "基础组件 {lang="zh-CN"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><h2 lang="en" id="basic-components" tabindex="-1"${_scopeId}>Basic Components `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#basic-components",
+          "aria-label": 'Permalink to "Basic Components {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><div class="info custom-block"${_scopeId}><p class="custom-block-title"${_scopeId}><i class="icon i-carbon-information"${_scopeId}></i><span lang="en"${_scopeId}>INFO</span><span lang="zh-CN"${_scopeId}>信息</span></p><p${_scopeId}>面向主题开发者（普通用户通常不需要直接使用）</p></div><div lang="zh-CN"${_scopeId}><h3 id="布局与渲染" tabindex="-1"${_scopeId}>布局与渲染 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#布局与渲染",
+          "aria-label": 'Permalink to "布局与渲染"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><ul${_scopeId}><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyMain.vue",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>ValaxyMain.vue</code>`);
+            } else {
+              return [
+                createVNode("code", null, "ValaxyMain.vue")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`: 页面基础布局</li><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyMd.vue",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>ValaxyMd.vue</code>`);
+            } else {
+              return [
+                createVNode("code", null, "ValaxyMd.vue")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`: Markdown 渲染内容</li></ul></div><div lang="en"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>For theme developers, common users usually don&#39;t need to use them directly.</p></blockquote><h3 id="layout-and-rendering" tabindex="-1"${_scopeId}>Layout and Rendering `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#layout-and-rendering",
+          "aria-label": 'Permalink to "Layout and Rendering"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><ul${_scopeId}><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyMain.vue",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>ValaxyMain.vue</code>`);
+            } else {
+              return [
+                createVNode("code", null, "ValaxyMain.vue")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`: Basic page layout</li><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyMd.vue",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>ValaxyMd.vue</code>`);
+            } else {
+              return [
+                createVNode("code", null, "ValaxyMd.vue")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`: Rendered Markdown content</li></ul></div><h3 id="其他" tabindex="-1"${_scopeId}>其他 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#其他",
+          "aria-label": 'Permalink to "其他"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><ul${_scopeId}><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyCopyright.vue",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>AppLink.vue</code>`);
+            } else {
+              return [
+                createVNode("code", null, "AppLink.vue")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`: 根据链接 自动判断是否为站内链接，站内链接使用 <code${_scopeId}>&lt;router-link/&gt;</code>，站外链接使用 <code${_scopeId}>&lt;a target=&quot;_blank&quot;&gt;&lt;/a&gt;</code>。</li><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyCopyright.vue",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>ValaxyCopyright.vue</code>`);
+            } else {
+              return [
+                createVNode("code", null, "ValaxyCopyright.vue")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`: 文章中的 版权信息</li><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyDecrypt.vue",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>ValaxyDecrypt.vue</code>`);
+            } else {
+              return [
+                createVNode("code", null, "ValaxyDecrypt.vue")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`: 文本解密组件</li><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyGalleryDecrypt.vue",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>ValaxyGalleryDecrypt.vue</code>`);
+            } else {
+              return [
+                createVNode("code", null, "ValaxyGalleryDecrypt.vue")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`: 图片解密组件</li><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyLogo.vue",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>ValaxyLogo.vue</code>`);
+            } else {
+              return [
+                createVNode("code", null, "ValaxyLogo.vue")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`: 带渐变色彩的 Valaxy Logo</li><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxySvgLogo.vue",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>ValaxySvgLogo.vue</code>`);
+            } else {
+              return [
+                createVNode("code", null, "ValaxySvgLogo.vue")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`: Valaxy SVG Logo</li><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyPagination.vue",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>ValaxyPagination.vue</code>`);
+            } else {
+              return [
+                createVNode("code", null, "ValaxyPagination.vue")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`: 分页组件</li><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyOverlay.vue",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>ValaxyOverlay.vue</code>`);
+            } else {
+              return [
+                createVNode("code", null, "ValaxyOverlay.vue")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`: 灰色遮罩组件</li><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyHamburger.vue",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>ValaxyHamburger.vue</code>`);
+            } else {
+              return [
+                createVNode("code", null, "ValaxyHamburger.vue")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`: 汉堡按钮</li></ul><div class="language-md"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>md</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;ValaxyLogo /&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;ValaxyLogo /&gt;</span></span></code></pre></div>`);
+        _push2(ssrRenderComponent(_component_ValaxyLogo, null, null, _parent2, _scopeId));
+        _push2(`<h2 lang="zh-CN" id="辅助组件" tabindex="-1"${_scopeId}>辅助组件 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#辅助组件",
+          "aria-label": 'Permalink to "辅助组件 {lang="zh-CN"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><h2 lang="en" id="helper-components" tabindex="-1"${_scopeId}>Helper Components `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#helper-components",
+          "aria-label": 'Permalink to "Helper Components {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><div lang="zh-CN"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>面向用户，可直接使用</p></blockquote></div><div lang="en"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>For users, can be used directly.</p></blockquote></div><p${_scopeId}>内置组件暂无，目前通过 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-addon-components",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`valaxy-addon-components`);
+            } else {
+              return [
+                createTextVNode("valaxy-addon-components")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` 扩展公共组件。</p><div class="language-bash"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>bash</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>pnpm</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>add</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>valaxy-addon-components</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>pnpm</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>add</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>valaxy-addon-components</span></span></code></pre></div><p${_scopeId}>如：</p><ul${_scopeId}><li${_scopeId}><code${_scopeId}>CodePen</code>: CodePen 代码片段</li><li${_scopeId}><code${_scopeId}>VCLiveTime</code>: 站点建立时间</li></ul><div class="language-md"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>md</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>My Blog Content</span></span>
+<span class="line"${_scopeId}></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;CodePen class=&quot;h-300px&quot; name=&quot;Margin Collapse&quot; id=&quot;WqXGpo&quot; user=&quot;YunYouJun&quot; tab=&quot;html,result&quot; /&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>My Blog Content</span></span>
+<span class="line"${_scopeId}></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;CodePen class=&quot;h-300px&quot; name=&quot;Margin Collapse&quot; id=&quot;WqXGpo&quot; user=&quot;YunYouJun&quot; tab=&quot;html,result&quot; /&gt;</span></span></code></pre></div><p${_scopeId}>My Blog Content</p>`);
+        _push2(ssrRenderComponent(_component_CodePen, {
+          class: "h-300px",
+          name: "Margin Collapse",
+          id: "WqXGpo",
+          user: "YunYouJun",
+          tab: "html,result"
+        }, null, _parent2, _scopeId));
+        _push2(`<h2 id="自定义" tabindex="-1"${_scopeId}>自定义 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#自定义",
+          "aria-label": 'Permalink to "自定义"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><p${_scopeId}>更多用法请参见 `);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/custom/components" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`自定义组件`);
+            } else {
+              return [
+                createTextVNode("自定义组件")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`。</p>`);
+      } else {
+        return [
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "Valaxy 内置了几个简单的组件。"),
+            createVNode("p", null, "你可以在写文章或者创作主题时直接使用。")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "Valaxy has several simple components built in."),
+            createVNode("p", null, "You can use them directly when writing articles or themes.")
+          ]),
+          createVNode("div", { class: "tip custom-block" }, [
+            createVNode("p", { class: "custom-block-title" }, [
+              createVNode("i", { class: "icon i-carbon-thumbs-up" }),
+              createVNode("span", { lang: "en" }, [
+                createVNode("div", {
+                  flex: "",
+                  items: "center",
+                  "pb-1": ""
+                }, [
+                  createVNode("div", {
+                    "inline-flex": "",
+                    "i-logos:vue": ""
+                  }),
+                  createTextVNode(),
+                  createVNode("span", {
+                    "ml-1": "",
+                    "inline-flex": ""
+                  }, "基于 Vue 组件")
+                ])
+              ]),
+              createVNode("span", { lang: "zh-CN" }, [
+                createVNode("div", {
+                  flex: "",
+                  items: "center",
+                  "pb-1": ""
+                }, [
+                  createVNode("div", {
+                    "inline-flex": "",
+                    "i-logos:vue": ""
+                  }),
+                  createTextVNode(),
+                  createVNode("span", {
+                    "ml-1": "",
+                    "inline-flex": ""
+                  }, "基于 Vue 组件")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("h2", {
+            lang: "zh-CN",
+            id: "基础组件",
+            tabindex: "-1"
+          }, [
+            createTextVNode("基础组件 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#基础组件",
+              "aria-label": 'Permalink to "基础组件 {lang="zh-CN"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h2", {
+            lang: "en",
+            id: "basic-components",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Basic Components "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#basic-components",
+              "aria-label": 'Permalink to "Basic Components {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { class: "info custom-block" }, [
+            createVNode("p", { class: "custom-block-title" }, [
+              createVNode("i", { class: "icon i-carbon-information" }),
+              createVNode("span", { lang: "en" }, "INFO"),
+              createVNode("span", { lang: "zh-CN" }, "信息")
+            ]),
+            createVNode("p", null, "面向主题开发者（普通用户通常不需要直接使用）")
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("h3", {
+              id: "布局与渲染",
+              tabindex: "-1"
+            }, [
+              createTextVNode("布局与渲染 "),
+              createVNode(_component_AppLink, {
+                class: "header-anchor",
+                href: "#布局与渲染",
+                "aria-label": 'Permalink to "布局与渲染"'
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("​")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createVNode(_component_AppLink, {
+                  href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyMain.vue",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createVNode("code", null, "ValaxyMain.vue")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode(": 页面基础布局")
+              ]),
+              createVNode("li", null, [
+                createVNode(_component_AppLink, {
+                  href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyMd.vue",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createVNode("code", null, "ValaxyMd.vue")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode(": Markdown 渲染内容")
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, "For theme developers, common users usually don't need to use them directly.")
+            ]),
+            createVNode("h3", {
+              id: "layout-and-rendering",
+              tabindex: "-1"
+            }, [
+              createTextVNode("Layout and Rendering "),
+              createVNode(_component_AppLink, {
+                class: "header-anchor",
+                href: "#layout-and-rendering",
+                "aria-label": 'Permalink to "Layout and Rendering"'
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("​")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createVNode(_component_AppLink, {
+                  href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyMain.vue",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createVNode("code", null, "ValaxyMain.vue")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode(": Basic page layout")
+              ]),
+              createVNode("li", null, [
+                createVNode(_component_AppLink, {
+                  href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyMd.vue",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createVNode("code", null, "ValaxyMd.vue")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode(": Rendered Markdown content")
+              ])
+            ])
+          ]),
+          createVNode("h3", {
+            id: "其他",
+            tabindex: "-1"
+          }, [
+            createTextVNode("其他 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#其他",
+              "aria-label": 'Permalink to "其他"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("ul", null, [
+            createVNode("li", null, [
+              createVNode(_component_AppLink, {
+                href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyCopyright.vue",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createVNode("code", null, "AppLink.vue")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(": 根据链接 自动判断是否为站内链接，站内链接使用 "),
+              createVNode("code", null, "<router-link/>"),
+              createTextVNode("，站外链接使用 "),
+              createVNode("code", null, '<a target="_blank"></a>'),
+              createTextVNode("。")
+            ]),
+            createVNode("li", null, [
+              createVNode(_component_AppLink, {
+                href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyCopyright.vue",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createVNode("code", null, "ValaxyCopyright.vue")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(": 文章中的 版权信息")
+            ]),
+            createVNode("li", null, [
+              createVNode(_component_AppLink, {
+                href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyDecrypt.vue",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createVNode("code", null, "ValaxyDecrypt.vue")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(": 文本解密组件")
+            ]),
+            createVNode("li", null, [
+              createVNode(_component_AppLink, {
+                href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyGalleryDecrypt.vue",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createVNode("code", null, "ValaxyGalleryDecrypt.vue")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(": 图片解密组件")
+            ]),
+            createVNode("li", null, [
+              createVNode(_component_AppLink, {
+                href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyLogo.vue",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createVNode("code", null, "ValaxyLogo.vue")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(": 带渐变色彩的 Valaxy Logo")
+            ]),
+            createVNode("li", null, [
+              createVNode(_component_AppLink, {
+                href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxySvgLogo.vue",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createVNode("code", null, "ValaxySvgLogo.vue")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(": Valaxy SVG Logo")
+            ]),
+            createVNode("li", null, [
+              createVNode(_component_AppLink, {
+                href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyPagination.vue",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createVNode("code", null, "ValaxyPagination.vue")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(": 分页组件")
+            ]),
+            createVNode("li", null, [
+              createVNode(_component_AppLink, {
+                href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyOverlay.vue",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createVNode("code", null, "ValaxyOverlay.vue")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(": 灰色遮罩组件")
+            ]),
+            createVNode("li", null, [
+              createVNode(_component_AppLink, {
+                href: "https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/client/components/ValaxyHamburger.vue",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createVNode("code", null, "ValaxyHamburger.vue")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(": 汉堡按钮")
+            ])
+          ]),
+          createVNode("div", { class: "language-md" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "md"),
+            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "<ValaxyLogo />")
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "<ValaxyLogo />")
+                ])
+              ])
+            ])
+          ]),
+          createVNode(_component_ValaxyLogo),
+          createVNode("h2", {
+            lang: "zh-CN",
+            id: "辅助组件",
+            tabindex: "-1"
+          }, [
+            createTextVNode("辅助组件 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#辅助组件",
+              "aria-label": 'Permalink to "辅助组件 {lang="zh-CN"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h2", {
+            lang: "en",
+            id: "helper-components",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Helper Components "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#helper-components",
+              "aria-label": 'Permalink to "Helper Components {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, "面向用户，可直接使用")
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, "For users, can be used directly.")
+            ])
+          ]),
+          createVNode("p", null, [
+            createTextVNode("内置组件暂无，目前通过 "),
+            createVNode(_component_AppLink, {
+              href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-addon-components",
+              target: "_blank",
+              rel: "noreferrer"
+            }, {
+              default: withCtx(() => [
+                createTextVNode("valaxy-addon-components")
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            createTextVNode(" 扩展公共组件。")
+          ]),
+          createVNode("div", { class: "language-bash" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "bash"),
+            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#B392F0" } }, "pnpm"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "add"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "valaxy-addon-components")
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "pnpm"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "add"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "valaxy-addon-components")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("p", null, "如："),
+          createVNode("ul", null, [
+            createVNode("li", null, [
+              createVNode("code", null, "CodePen"),
+              createTextVNode(": CodePen 代码片段")
+            ]),
+            createVNode("li", null, [
+              createVNode("code", null, "VCLiveTime"),
+              createTextVNode(": 站点建立时间")
+            ])
+          ]),
+          createVNode("div", { class: "language-md" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "md"),
+            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "My Blog Content")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, '<CodePen class="h-300px" name="Margin Collapse" id="WqXGpo" user="YunYouJun" tab="html,result" />')
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "My Blog Content")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, '<CodePen class="h-300px" name="Margin Collapse" id="WqXGpo" user="YunYouJun" tab="html,result" />')
+                ])
+              ])
+            ])
+          ]),
+          createVNode("p", null, "My Blog Content"),
+          createVNode(_component_CodePen, {
+            class: "h-300px",
+            name: "Margin Collapse",
+            id: "WqXGpo",
+            user: "YunYouJun",
+            tab: "html,result"
+          }),
+          createVNode("h2", {
+            id: "自定义",
+            tabindex: "-1"
+          }, [
+            createTextVNode("自定义 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#自定义",
+              "aria-label": 'Permalink to "自定义"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("p", null, [
+            createTextVNode("更多用法请参见 "),
+            createVNode(_component_AppLink, { href: "/guide/custom/components" }, {
+              default: withCtx(() => [
+                createTextVNode("自定义组件")
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            createTextVNode("。")
+          ])
+        ];
+      }
+    }),
+    "main-header": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-header", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-header")
+        ];
+      }
+    }),
+    "main-header-after": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-header-after", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-header-after")
+        ];
+      }
+    }),
+    "main-nav": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-nav", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-nav")
+        ];
+      }
+    }),
+    "main-content": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-content", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-content")
+        ];
+      }
+    }),
+    "main-content-after": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-content-after", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-content-after")
+        ];
+      }
+    }),
+    "main-nav-before": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-nav-before", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-nav-before")
+        ];
+      }
+    }),
+    "main-nav-after": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-nav-after", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-nav-after")
+        ];
+      }
+    }),
+    comment: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "comment", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "comment")
+        ];
+      }
+    }),
+    footer: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "footer", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "footer")
+        ];
+      }
+    }),
+    aside: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "aside", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "aside")
+        ];
+      }
+    }),
+    "aside-custom": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "aside-custom", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "aside-custom")
+        ];
+      }
+    }),
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "default")
+        ];
+      }
+    }),
+    _: 3
+    /* FORWARDED */
+  }, _parent));
+}
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../../../docs/pages/guide/built-ins/index.md");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+export {
+  __pageData,
+  index as default
+};