valaxy 0.15.11-alpha.0 → 0.15.12

package/client/.vite-ssg-temp/vp12eb5cgm/assets/extend-975f8f72.js

@@ -1,1851 +0,0 @@
-import { _ as _export_sfc, a as _sfc_main$1 } from "../main.mjs";
-import { _ as __unplugin_components_0 } from "./ValaxyMain-26e77dc6.js";
-import { provide, mergeProps, withCtx, createTextVNode, createVNode, renderSlot, useSSRContext } from "vue";
-import { useRoute } from "vue-router";
-import { ssrRenderComponent, ssrRenderStyle, ssrRenderSlot } from "vue/server-renderer";
-import "vite-ssg";
-import "pinia";
-import "@vueuse/core";
-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 __pageData = JSON.parse('{"title":"Custom Extensions","description":"","frontmatter":{"title":"Custom Extensions","title_zh-CN":"自定义扩展","categories":["custom"],"end":false},"headers":[{"level":2,"title":"自动布局注册","slug":"自动布局注册","link":"#自动布局注册","children":[]},{"level":2,"title":"Automatic Layout Registration","slug":"automatic-layout-registration","link":"#automatic-layout-registration","children":[]},{"level":2,"title":"自定义 index.html","slug":"自定义-index-html","link":"#自定义-index-html","children":[]},{"level":2,"title":"Customizing index.html","slug":"customizing-index-html","link":"#customizing-index-html","children":[]},{"level":2,"title":"扩展 Client 上下文","slug":"扩展-client-上下文","link":"#扩展-client-上下文","children":[]},{"level":2,"title":"Extending Client Context","slug":"extending-client-context","link":"#extending-client-context","children":[]},{"level":2,"title":"多语言支持","slug":"多语言支持","link":"#多语言支持","children":[]},{"level":2,"title":"I18n","slug":"i18n","link":"#i18n","children":[]},{"level":2,"title":"模版文件","slug":"模版文件","link":"#模版文件","children":[]},{"level":2,"title":"Template Files","slug":"template-files","link":"#template-files","children":[]},{"level":2,"title":"其他","slug":"其他","link":"#其他","children":[]},{"level":2,"title":"Others","slug":"others","link":"#others","children":[]}],"relativePath":"pages/guide/custom/extend.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\custom\\\\extend.md","lastUpdated":1696368478000}');
-const data = JSON.parse('{"title":"Custom Extensions","description":"","frontmatter":{"title":"Custom Extensions","title_zh-CN":"自定义扩展","categories":["custom"],"end":false},"headers":[{"level":2,"title":"自动布局注册","slug":"自动布局注册","link":"#自动布局注册","children":[]},{"level":2,"title":"Automatic Layout Registration","slug":"automatic-layout-registration","link":"#automatic-layout-registration","children":[]},{"level":2,"title":"自定义 index.html","slug":"自定义-index-html","link":"#自定义-index-html","children":[]},{"level":2,"title":"Customizing index.html","slug":"customizing-index-html","link":"#customizing-index-html","children":[]},{"level":2,"title":"扩展 Client 上下文","slug":"扩展-client-上下文","link":"#扩展-client-上下文","children":[]},{"level":2,"title":"Extending Client Context","slug":"extending-client-context","link":"#extending-client-context","children":[]},{"level":2,"title":"多语言支持","slug":"多语言支持","link":"#多语言支持","children":[]},{"level":2,"title":"I18n","slug":"i18n","link":"#i18n","children":[]},{"level":2,"title":"模版文件","slug":"模版文件","link":"#模版文件","children":[]},{"level":2,"title":"Template Files","slug":"template-files","link":"#template-files","children":[]},{"level":2,"title":"其他","slug":"其他","link":"#其他","children":[]},{"level":2,"title":"Others","slug":"others","link":"#others","children":[]}],"relativePath":"pages/guide/custom/extend.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\custom\\\\extend.md","lastUpdated":1696368478000}');
-const _sfc_main = {
-  name: "pages/guide/custom/extend.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$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></div><div lang="en"${_scopeId}><p${_scopeId}>Valaxy provides strong extensibility by &quot;Convension over Configuration&quot;. If you have some development experience, you should be able to control every detail in the website.</p></div><div lang="zh-CN"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>以下内容无论对于用户还是主题开发者来说都同样适用。</p></blockquote><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}>TIP</span><span lang="zh-CN"${_scopeId}>提示</span></p><p${_scopeId}>默认在用户站点根目录或主题根目录下操作。</p><p${_scopeId}>如果你想要有所参考，你可以参见 `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-theme-yun",
-          target: "_blank",
-          rel: "noreferrer"
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`valaxy-theme-yun`);
-            } else {
-              return [
-                createTextVNode("valaxy-theme-yun")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`。</p></div></div><div lang="en"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>The following content applies to either users or theme developers.</p></blockquote><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}>TIP</span><span lang="zh-CN"${_scopeId}>提示</span></p><p${_scopeId}>By default, the operations are done in the root directory of the site or the theme.</p><p${_scopeId}>If you want some reference, you can refer to `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-theme-yun",
-          target: "_blank",
-          rel: "noreferrer"
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`valaxy-theme-yun`);
-            } else {
-              return [
-                createTextVNode("valaxy-theme-yun")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`.</p></div></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="automatic-layout-registration" tabindex="-1"${_scopeId}>Automatic Layout Registration `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#automatic-layout-registration",
-          "aria-label": 'Permalink to "Automatic Layout Registration {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}><p${_scopeId}>基于 `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          href: "https://github.com/JohnCampionJr/vite-plugin-vue-layouts",
-          target: "_blank",
-          rel: "noreferrer"
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`vite-plugin-vue-layouts`);
-            } else {
-              return [
-                createTextVNode("vite-plugin-vue-layouts")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`，Valaxy 提供了布局功能。</p><p${_scopeId}>新建 <code${_scopeId}>layouts</code> 文件，书写 Vue 组件作为布局。</p><p${_scopeId}>你可以在 Markdown 中如下使用它。</p></div><div lang="en"${_scopeId}><p${_scopeId}>Valaxy provides custom layouts based on `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          href: "https://github.com/JohnCampionJr/vite-plugin-vue-layouts",
-          target: "_blank",
-          rel: "noreferrer"
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`vite-plugin-vue-layouts`);
-            } else {
-              return [
-                createTextVNode("vite-plugin-vue-layouts")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`.</p><p${_scopeId}>Create a <code${_scopeId}>layouts</code> file, and write Vue components as layouts.</p><p${_scopeId}>You can use it in your Markdown as follows.</p></div><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}>---</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>title</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>Photos</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>layout</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>album</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>---</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}>---</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>title</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>Photos</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>layout</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>album</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>---</span></span></code></pre></div><div lang="zh-CN"${_scopeId}><p${_scopeId}>同样，当存在同名布局时，覆盖顺序为 <code${_scopeId}>用户目录</code> -&gt; <code${_scopeId}>主题目录</code> -&gt; <code${_scopeId}>Valaxy 客户端目录</code>。</p></div><div lang="en"${_scopeId}><p${_scopeId}>Likewise, when there are layouts with the same name, the order to use is <code${_scopeId}>user directory</code> -&gt; <code${_scopeId}>theme directory</code> -&gt; <code${_scopeId}>Valaxy directory</code>.</p></div><h2 lang="zh-CN" id="自定义-index-html" tabindex="-1"${_scopeId}>自定义 index.html `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#自定义-index-html",
-          "aria-label": 'Permalink to "自定义 index.html {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="customizing-index-html" tabindex="-1"${_scopeId}>Customizing index.html `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#customizing-index-html",
-          "aria-label": 'Permalink to "Customizing index.html {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}><p${_scopeId}>新建 <code${_scopeId}>index.html</code>，你可以在 <code${_scopeId}>&lt;head&gt;&lt;/head&gt;</code> 与 <code${_scopeId}>&lt;body&gt;&lt;/body&gt;</code> 全局地插入任意内容。</p><p${_scopeId}>譬如：</p></div><div lang="en"${_scopeId}><p${_scopeId}>Create a new <code${_scopeId}>index.html</code> file. You can globally insert anything in between <code${_scopeId}>&lt;head&gt;&lt;/head&gt;</code> or <code${_scopeId}>&lt;body&gt;&lt;/body&gt;</code> tags.</p><p${_scopeId}>For example:</p></div><div class="language-html"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>html</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>head</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  &lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>link</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>rel</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;stylesheet&quot;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>href</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;https://cdn.jsdelivr.net/npm/star-markdown-css/dist/planet/planet-markdown.min.css&quot;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  /&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>head</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&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;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>head</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  &lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>link</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>rel</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;stylesheet&quot;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>href</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;https://cdn.jsdelivr.net/npm/star-markdown-css/dist/planet/planet-markdown.min.css&quot;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  /&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>head</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span></code></pre></div><h2 lang="zh-CN" id="扩展-client-上下文" tabindex="-1"${_scopeId}>扩展 Client 上下文 `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#扩展-client-上下文",
-          "aria-label": 'Permalink to "扩展 Client 上下文 {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="extending-client-context" tabindex="-1"${_scopeId}>Extending Client Context `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#extending-client-context",
-          "aria-label": 'Permalink to "Extending Client Context {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}><p${_scopeId}>新建 <code${_scopeId}>setup/main.ts</code>：</p><div class="language-ts"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>ts</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { defineAppSetup } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;valaxy&#39;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>export</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>default</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>defineAppSetup</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>((</span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>ctx</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>) </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>=&gt;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> {</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  console.</span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>log</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(ctx)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>app</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>head</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>router</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>routes</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>isClient</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> ctx</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// 任意使用 Vue 生态的插件</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  app.</span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>use</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>/* */</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>})</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { defineAppSetup } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;valaxy&#39;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>export</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>default</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>defineAppSetup</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>((</span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>ctx</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>) </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>=&gt;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> {</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  console.</span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>log</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(ctx)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>app</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>head</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>router</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>routes</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>isClient</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> ctx</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// 任意使用 Vue 生态的插件</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  app.</span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>use</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>/* */</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>})</span></span></code></pre></div><blockquote${_scopeId}><p${_scopeId}>具体示例可参见 `);
-        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/third-party/#谷歌统计" }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`谷歌统计｜第三方集成`);
-            } else {
-              return [
-                createTextVNode("谷歌统计｜第三方集成")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`。</p></blockquote></div><div lang="en"${_scopeId}><p${_scopeId}>Create a new file <code${_scopeId}>setup/main.ts</code>:</p><div class="language-ts"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>ts</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { defineAppSetup } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;valaxy&#39;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>export</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>default</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>defineAppSetup</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>((</span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>ctx</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>) </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>=&gt;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> {</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  console.</span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>log</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(ctx)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>app</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>head</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>router</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>routes</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>isClient</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> ctx</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// Use any Vue plugins</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  app.</span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>use</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>/* */</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>})</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { defineAppSetup } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;valaxy&#39;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>export</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>default</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>defineAppSetup</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>((</span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>ctx</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>) </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>=&gt;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> {</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  console.</span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>log</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(ctx)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>app</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>head</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>router</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>routes</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>isClient</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> ctx</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// Use any Vue plugins</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  app.</span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>use</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>/* */</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>})</span></span></code></pre></div><blockquote${_scopeId}><p${_scopeId}>For a detailed example, please see `);
-        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/third-party/#谷歌统计" }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`Google Analytics | Third Party Integration`);
-            } else {
-              return [
-                createTextVNode("Google Analytics | Third Party Integration")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`。</p></blockquote></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="i18n" tabindex="-1"${_scopeId}>I18n `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#i18n",
-          "aria-label": 'Permalink to "I18n {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}><p${_scopeId}>新建 <code${_scopeId}>locales</code> 文件夹。</p><ul${_scopeId}><li${_scopeId}><code${_scopeId}>zh-CN.yml</code>: 中文翻译</li><li${_scopeId}><code${_scopeId}>en.yml</code>: 英文翻译</li></ul><p${_scopeId}>譬如（请确保文件内容非空）：</p></div><div lang="en"${_scopeId}><p${_scopeId}>Create <code${_scopeId}>locales</code> folder.</p><ul${_scopeId}><li${_scopeId}><code${_scopeId}>zh-CN.yml</code>: Chinese translation</li><li${_scopeId}><code${_scopeId}>en.yml</code>: English translation</li></ul><p${_scopeId}>For example (make sure that the file is not empty):</p></div><div class="language-yaml"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>yaml</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># en.yml</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>button</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>:</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>about</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>About</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># en.yml</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>button</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>:</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>about</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>About</span></span></code></pre></div><div class="language-yaml"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>yaml</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># zh-CN.yml</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>button</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>:</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>about</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>关于</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># zh-CN.yml</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>button</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>:</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>about</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>关于</span></span></code></pre></div><div lang="zh-CN"${_scopeId}><p${_scopeId}>你可以如下方式使用它：</p></div><div lang="en"${_scopeId}><p${_scopeId}>You can use it like this:</p></div><div class="language-vue"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>vue</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>script</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>setup</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { useI18n } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;vue-i18n&#39;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>t</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>useI18n</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>()</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>script</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  &lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>button</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    {{ t(&#39;button.about&#39;) }}</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  &lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>button</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&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;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>script</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>setup</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { useI18n } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;vue-i18n&#39;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>t</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>useI18n</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>()</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>script</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  &lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>button</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    {{ t(&#39;button.about&#39;) }}</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  &lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>button</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span></code></pre></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="template-files" tabindex="-1"${_scopeId}>Template Files `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#template-files",
-          "aria-label": 'Permalink to "Template Files {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}><p${_scopeId}>新建某类布局 Markdown 文件的模版。（开发中）</p><p${_scopeId}>新建 <code${_scopeId}>scaffolds</code> 文件夹。</p></div><div lang="en"${_scopeId}><p${_scopeId}>Create some templates for Markdown layout. (Work in progress)</p><p${_scopeId}>Create <code${_scopeId}>scaffolds</code> folder.</p></div><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}>valaxy</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>new</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>titl</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>e</span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>&gt;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>-l</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> [layout]</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}>valaxy</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>new</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>titl</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>e</span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>&gt;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>-l</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> [layout]</span></span></code></pre></div><div lang="zh-CN"${_scopeId}><ul${_scopeId}><li${_scopeId}><code${_scopeId}>layout</code>: 默认为 <code${_scopeId}>post</code></li></ul><p${_scopeId}>新建 <code${_scopeId}>xxx.md</code>，xxx 取决于你的布局名称。 譬如 <code${_scopeId}>album.md</code> 代表 <code${_scopeId}>layout: album</code>。</p></div><div lang="en"${_scopeId}><ul${_scopeId}><li${_scopeId}><code${_scopeId}>layout</code>: Default is <code${_scopeId}>post</code></li></ul><p${_scopeId}>Create a new file <code${_scopeId}>xxx.md</code>, where <code${_scopeId}>xxx</code> is your layout name. For example, <code${_scopeId}>album.md</code> represents <code${_scopeId}>layout: album</code>.</p></div><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}>valaxy</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>new</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>my-young</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>-l</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>album</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}>valaxy</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>new</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>my-young</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>-l</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>album</span></span></code></pre></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="others" tabindex="-1"${_scopeId}>Others `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#others",
-          "aria-label": 'Permalink to "Others {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}><ul${_scopeId}><li${_scopeId}>`);
-        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/custom/styles" }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`自定义样式 | Valaxy`);
-            } else {
-              return [
-                createTextVNode("自定义样式 | Valaxy")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`</li></ul></div><div lang="en"${_scopeId}><ul${_scopeId}><li${_scopeId}>`);
-        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/custom/styles" }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`Custom Styles | Valaxy`);
-            } else {
-              return [
-                createTextVNode("Custom Styles | Valaxy")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`</li></ul></div>`);
-      } else {
-        return [
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("p", null, "Valaxy 以约定大于配置的方式提供了强大的扩展功能，如果你有一定开发经验，可以自定义控制站点的每一处细节。")
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("p", null, 'Valaxy provides strong extensibility by "Convension over Configuration". If you have some development experience, you should be able to control every detail in the website.')
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("blockquote", null, [
-              createVNode("p", null, "以下内容无论对于用户还是主题开发者来说都同样适用。")
-            ]),
-            createVNode("div", { class: "tip custom-block" }, [
-              createVNode("p", { class: "custom-block-title" }, [
-                createVNode("i", { class: "icon i-carbon-thumbs-up" }),
-                createVNode("span", { lang: "en" }, "TIP"),
-                createVNode("span", { lang: "zh-CN" }, "提示")
-              ]),
-              createVNode("p", null, "默认在用户站点根目录或主题根目录下操作。"),
-              createVNode("p", null, [
-                createTextVNode("如果你想要有所参考，你可以参见 "),
-                createVNode(_component_AppLink, {
-                  href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-theme-yun",
-                  target: "_blank",
-                  rel: "noreferrer"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("valaxy-theme-yun")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }),
-                createTextVNode("。")
-              ])
-            ])
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("blockquote", null, [
-              createVNode("p", null, "The following content applies to either users or theme developers.")
-            ]),
-            createVNode("div", { class: "tip custom-block" }, [
-              createVNode("p", { class: "custom-block-title" }, [
-                createVNode("i", { class: "icon i-carbon-thumbs-up" }),
-                createVNode("span", { lang: "en" }, "TIP"),
-                createVNode("span", { lang: "zh-CN" }, "提示")
-              ]),
-              createVNode("p", null, "By default, the operations are done in the root directory of the site or the theme."),
-              createVNode("p", null, [
-                createTextVNode("If you want some reference, you can refer to "),
-                createVNode(_component_AppLink, {
-                  href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-theme-yun",
-                  target: "_blank",
-                  rel: "noreferrer"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("valaxy-theme-yun")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }),
-                createTextVNode(".")
-              ])
-            ])
-          ]),
-          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: "automatic-layout-registration",
-            tabindex: "-1"
-          }, [
-            createTextVNode("Automatic Layout Registration "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#automatic-layout-registration",
-              "aria-label": 'Permalink to "Automatic Layout Registration {lang="en"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("p", null, [
-              createTextVNode("基于 "),
-              createVNode(_component_AppLink, {
-                href: "https://github.com/JohnCampionJr/vite-plugin-vue-layouts",
-                target: "_blank",
-                rel: "noreferrer"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode("vite-plugin-vue-layouts")
-                ]),
-                _: 1
-                /* STABLE */
-              }),
-              createTextVNode("，Valaxy 提供了布局功能。")
-            ]),
-            createVNode("p", null, [
-              createTextVNode("新建 "),
-              createVNode("code", null, "layouts"),
-              createTextVNode(" 文件，书写 Vue 组件作为布局。")
-            ]),
-            createVNode("p", null, "你可以在 Markdown 中如下使用它。")
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("p", null, [
-              createTextVNode("Valaxy provides custom layouts based on "),
-              createVNode(_component_AppLink, {
-                href: "https://github.com/JohnCampionJr/vite-plugin-vue-layouts",
-                target: "_blank",
-                rel: "noreferrer"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode("vite-plugin-vue-layouts")
-                ]),
-                _: 1
-                /* STABLE */
-              }),
-              createTextVNode(".")
-            ]),
-            createVNode("p", null, [
-              createTextVNode("Create a "),
-              createVNode("code", null, "layouts"),
-              createTextVNode(" file, and write Vue components as layouts.")
-            ]),
-            createVNode("p", null, "You can use it in your Markdown as follows.")
-          ]),
-          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" } }, "---")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#85E89D" } }, "title"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
-                  createVNode("span", { style: { "color": "#9ECBFF" } }, "Photos")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#85E89D" } }, "layout"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
-                  createVNode("span", { style: { "color": "#9ECBFF" } }, "album")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "---")
-                ])
-              ])
-            ]),
-            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-              createVNode("code", null, [
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "---")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#22863A" } }, "title"),
-                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
-                  createVNode("span", { style: { "color": "#032F62" } }, "Photos")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#22863A" } }, "layout"),
-                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
-                  createVNode("span", { style: { "color": "#032F62" } }, "album")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "---")
-                ])
-              ])
-            ])
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("p", null, [
-              createTextVNode("同样，当存在同名布局时，覆盖顺序为 "),
-              createVNode("code", null, "用户目录"),
-              createTextVNode(" -> "),
-              createVNode("code", null, "主题目录"),
-              createTextVNode(" -> "),
-              createVNode("code", null, "Valaxy 客户端目录"),
-              createTextVNode("。")
-            ])
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("p", null, [
-              createTextVNode("Likewise, when there are layouts with the same name, the order to use is "),
-              createVNode("code", null, "user directory"),
-              createTextVNode(" -> "),
-              createVNode("code", null, "theme directory"),
-              createTextVNode(" -> "),
-              createVNode("code", null, "Valaxy directory"),
-              createTextVNode(".")
-            ])
-          ]),
-          createVNode("h2", {
-            lang: "zh-CN",
-            id: "自定义-index-html",
-            tabindex: "-1"
-          }, [
-            createTextVNode("自定义 index.html "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#自定义-index-html",
-              "aria-label": 'Permalink to "自定义 index.html {lang="zh-CN"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("h2", {
-            lang: "en",
-            id: "customizing-index-html",
-            tabindex: "-1"
-          }, [
-            createTextVNode("Customizing index.html "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#customizing-index-html",
-              "aria-label": 'Permalink to "Customizing index.html {lang="en"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("p", null, [
-              createTextVNode("新建 "),
-              createVNode("code", null, "index.html"),
-              createTextVNode("，你可以在 "),
-              createVNode("code", null, "<head></head>"),
-              createTextVNode(" 与 "),
-              createVNode("code", null, "<body></body>"),
-              createTextVNode(" 全局地插入任意内容。")
-            ]),
-            createVNode("p", null, "譬如：")
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("p", null, [
-              createTextVNode("Create a new "),
-              createVNode("code", null, "index.html"),
-              createTextVNode(" file. You can globally insert anything in between "),
-              createVNode("code", null, "<head></head>"),
-              createTextVNode(" or "),
-              createVNode("code", null, "<body></body>"),
-              createTextVNode(" tags.")
-            ]),
-            createVNode("p", null, "For example:")
-          ]),
-          createVNode("div", { class: "language-html" }, [
-            createVNode("button", {
-              title: "Copy Code",
-              class: "copy"
-            }),
-            createVNode("span", { class: "lang" }, "html"),
-            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-              createVNode("code", null, [
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "<"),
-                  createVNode("span", { style: { "color": "#85E89D" } }, "head"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  <"),
-                  createVNode("span", { style: { "color": "#85E89D" } }, "link")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
-                  createVNode("span", { style: { "color": "#B392F0" } }, "rel"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
-                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"stylesheet"')
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
-                  createVNode("span", { style: { "color": "#B392F0" } }, "href"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
-                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"https://cdn.jsdelivr.net/npm/star-markdown-css/dist/planet/planet-markdown.min.css"')
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  />")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "</"),
-                  createVNode("span", { style: { "color": "#85E89D" } }, "head"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                ])
-              ])
-            ]),
-            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-              createVNode("code", null, [
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "<"),
-                  createVNode("span", { style: { "color": "#22863A" } }, "head"),
-                  createVNode("span", { style: { "color": "#24292E" } }, ">")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "  <"),
-                  createVNode("span", { style: { "color": "#22863A" } }, "link")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "    "),
-                  createVNode("span", { style: { "color": "#6F42C1" } }, "rel"),
-                  createVNode("span", { style: { "color": "#24292E" } }, "="),
-                  createVNode("span", { style: { "color": "#032F62" } }, '"stylesheet"')
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "    "),
-                  createVNode("span", { style: { "color": "#6F42C1" } }, "href"),
-                  createVNode("span", { style: { "color": "#24292E" } }, "="),
-                  createVNode("span", { style: { "color": "#032F62" } }, '"https://cdn.jsdelivr.net/npm/star-markdown-css/dist/planet/planet-markdown.min.css"')
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "  />")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "</"),
-                  createVNode("span", { style: { "color": "#22863A" } }, "head"),
-                  createVNode("span", { style: { "color": "#24292E" } }, ">")
-                ])
-              ])
-            ])
-          ]),
-          createVNode("h2", {
-            lang: "zh-CN",
-            id: "扩展-client-上下文",
-            tabindex: "-1"
-          }, [
-            createTextVNode("扩展 Client 上下文 "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#扩展-client-上下文",
-              "aria-label": 'Permalink to "扩展 Client 上下文 {lang="zh-CN"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("h2", {
-            lang: "en",
-            id: "extending-client-context",
-            tabindex: "-1"
-          }, [
-            createTextVNode("Extending Client Context "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#extending-client-context",
-              "aria-label": 'Permalink to "Extending Client Context {lang="en"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("p", null, [
-              createTextVNode("新建 "),
-              createVNode("code", null, "setup/main.ts"),
-              createTextVNode("：")
-            ]),
-            createVNode("div", { class: "language-ts" }, [
-              createVNode("button", {
-                title: "Copy Code",
-                class: "copy"
-              }),
-              createVNode("span", { class: "lang" }, "ts"),
-              createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { defineAppSetup } "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#F97583" } }, "export"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "default"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "defineAppSetup"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "(("),
-                    createVNode("span", { style: { "color": "#FFAB70" } }, "ctx"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ") "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "=>"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " {")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  console."),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "log"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "(ctx)")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "const"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { "),
-                    createVNode("span", { style: { "color": "#79B8FF" } }, "app"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
-                    createVNode("span", { style: { "color": "#79B8FF" } }, "head"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
-                    createVNode("span", { style: { "color": "#79B8FF" } }, "router"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
-                    createVNode("span", { style: { "color": "#79B8FF" } }, "routes"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
-                    createVNode("span", { style: { "color": "#79B8FF" } }, "isClient"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " } "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "="),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " ctx")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
-                    createVNode("span", { style: { "color": "#6A737D" } }, "// 任意使用 Vue 生态的插件")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  app."),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "use"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "("),
-                    createVNode("span", { style: { "color": "#6A737D" } }, "/* */"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ")")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "})")
-                  ])
-                ])
-              ]),
-              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " { defineAppSetup } "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'valaxy'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#D73A49" } }, "export"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "default"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "defineAppSetup"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "(("),
-                    createVNode("span", { style: { "color": "#E36209" } }, "ctx"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ") "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "=>"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " {")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  console."),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "log"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "(ctx)")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "const"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " { "),
-                    createVNode("span", { style: { "color": "#005CC5" } }, "app"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
-                    createVNode("span", { style: { "color": "#005CC5" } }, "head"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
-                    createVNode("span", { style: { "color": "#005CC5" } }, "router"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
-                    createVNode("span", { style: { "color": "#005CC5" } }, "routes"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
-                    createVNode("span", { style: { "color": "#005CC5" } }, "isClient"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " } "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "="),
-                    createVNode("span", { style: { "color": "#24292E" } }, " ctx")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  "),
-                    createVNode("span", { style: { "color": "#6A737D" } }, "// 任意使用 Vue 生态的插件")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  app."),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "use"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "("),
-                    createVNode("span", { style: { "color": "#6A737D" } }, "/* */"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ")")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "})")
-                  ])
-                ])
-              ])
-            ]),
-            createVNode("blockquote", null, [
-              createVNode("p", null, [
-                createTextVNode("具体示例可参见 "),
-                createVNode(_component_AppLink, { href: "/guide/third-party/#谷歌统计" }, {
-                  default: withCtx(() => [
-                    createTextVNode("谷歌统计｜第三方集成")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }),
-                createTextVNode("。")
-              ])
-            ])
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("p", null, [
-              createTextVNode("Create a new file "),
-              createVNode("code", null, "setup/main.ts"),
-              createTextVNode(":")
-            ]),
-            createVNode("div", { class: "language-ts" }, [
-              createVNode("button", {
-                title: "Copy Code",
-                class: "copy"
-              }),
-              createVNode("span", { class: "lang" }, "ts"),
-              createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { defineAppSetup } "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#F97583" } }, "export"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "default"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "defineAppSetup"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "(("),
-                    createVNode("span", { style: { "color": "#FFAB70" } }, "ctx"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ") "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "=>"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " {")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  console."),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "log"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "(ctx)")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "const"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { "),
-                    createVNode("span", { style: { "color": "#79B8FF" } }, "app"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
-                    createVNode("span", { style: { "color": "#79B8FF" } }, "head"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
-                    createVNode("span", { style: { "color": "#79B8FF" } }, "router"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
-                    createVNode("span", { style: { "color": "#79B8FF" } }, "routes"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
-                    createVNode("span", { style: { "color": "#79B8FF" } }, "isClient"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " } "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "="),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " ctx")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
-                    createVNode("span", { style: { "color": "#6A737D" } }, "// Use any Vue plugins")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  app."),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "use"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "("),
-                    createVNode("span", { style: { "color": "#6A737D" } }, "/* */"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ")")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "})")
-                  ])
-                ])
-              ]),
-              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " { defineAppSetup } "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'valaxy'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#D73A49" } }, "export"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "default"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "defineAppSetup"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "(("),
-                    createVNode("span", { style: { "color": "#E36209" } }, "ctx"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ") "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "=>"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " {")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  console."),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "log"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "(ctx)")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "const"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " { "),
-                    createVNode("span", { style: { "color": "#005CC5" } }, "app"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
-                    createVNode("span", { style: { "color": "#005CC5" } }, "head"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
-                    createVNode("span", { style: { "color": "#005CC5" } }, "router"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
-                    createVNode("span", { style: { "color": "#005CC5" } }, "routes"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
-                    createVNode("span", { style: { "color": "#005CC5" } }, "isClient"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " } "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "="),
-                    createVNode("span", { style: { "color": "#24292E" } }, " ctx")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  "),
-                    createVNode("span", { style: { "color": "#6A737D" } }, "// Use any Vue plugins")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  app."),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "use"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "("),
-                    createVNode("span", { style: { "color": "#6A737D" } }, "/* */"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ")")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "})")
-                  ])
-                ])
-              ])
-            ]),
-            createVNode("blockquote", null, [
-              createVNode("p", null, [
-                createTextVNode("For a detailed example, please see "),
-                createVNode(_component_AppLink, { href: "/guide/third-party/#谷歌统计" }, {
-                  default: withCtx(() => [
-                    createTextVNode("Google Analytics | Third Party Integration")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }),
-                createTextVNode("。")
-              ])
-            ])
-          ]),
-          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: "i18n",
-            tabindex: "-1"
-          }, [
-            createTextVNode("I18n "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#i18n",
-              "aria-label": 'Permalink to "I18n {lang="en"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("p", null, [
-              createTextVNode("新建 "),
-              createVNode("code", null, "locales"),
-              createTextVNode(" 文件夹。")
-            ]),
-            createVNode("ul", null, [
-              createVNode("li", null, [
-                createVNode("code", null, "zh-CN.yml"),
-                createTextVNode(": 中文翻译")
-              ]),
-              createVNode("li", null, [
-                createVNode("code", null, "en.yml"),
-                createTextVNode(": 英文翻译")
-              ])
-            ]),
-            createVNode("p", null, "譬如（请确保文件内容非空）：")
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("p", null, [
-              createTextVNode("Create "),
-              createVNode("code", null, "locales"),
-              createTextVNode(" folder.")
-            ]),
-            createVNode("ul", null, [
-              createVNode("li", null, [
-                createVNode("code", null, "zh-CN.yml"),
-                createTextVNode(": Chinese translation")
-              ]),
-              createVNode("li", null, [
-                createVNode("code", null, "en.yml"),
-                createTextVNode(": English translation")
-              ])
-            ]),
-            createVNode("p", null, "For example (make sure that the file is not empty):")
-          ]),
-          createVNode("div", { class: "language-yaml" }, [
-            createVNode("button", {
-              title: "Copy Code",
-              class: "copy"
-            }),
-            createVNode("span", { class: "lang" }, "yaml"),
-            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-              createVNode("code", null, [
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#6A737D" } }, "# en.yml")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#85E89D" } }, "button"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, ":")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
-                  createVNode("span", { style: { "color": "#85E89D" } }, "about"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
-                  createVNode("span", { style: { "color": "#9ECBFF" } }, "About")
-                ])
-              ])
-            ]),
-            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-              createVNode("code", null, [
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#6A737D" } }, "# en.yml")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#22863A" } }, "button"),
-                  createVNode("span", { style: { "color": "#24292E" } }, ":")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "  "),
-                  createVNode("span", { style: { "color": "#22863A" } }, "about"),
-                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
-                  createVNode("span", { style: { "color": "#032F62" } }, "About")
-                ])
-              ])
-            ])
-          ]),
-          createVNode("div", { class: "language-yaml" }, [
-            createVNode("button", {
-              title: "Copy Code",
-              class: "copy"
-            }),
-            createVNode("span", { class: "lang" }, "yaml"),
-            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-              createVNode("code", null, [
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#6A737D" } }, "# zh-CN.yml")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#85E89D" } }, "button"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, ":")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
-                  createVNode("span", { style: { "color": "#85E89D" } }, "about"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
-                  createVNode("span", { style: { "color": "#9ECBFF" } }, "关于")
-                ])
-              ])
-            ]),
-            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-              createVNode("code", null, [
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#6A737D" } }, "# zh-CN.yml")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#22863A" } }, "button"),
-                  createVNode("span", { style: { "color": "#24292E" } }, ":")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "  "),
-                  createVNode("span", { style: { "color": "#22863A" } }, "about"),
-                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
-                  createVNode("span", { style: { "color": "#032F62" } }, "关于")
-                ])
-              ])
-            ])
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("p", null, "你可以如下方式使用它：")
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("p", null, "You can use it like this:")
-          ]),
-          createVNode("div", { class: "language-vue" }, [
-            createVNode("button", {
-              title: "Copy Code",
-              class: "copy"
-            }),
-            createVNode("span", { class: "lang" }, "vue"),
-            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-              createVNode("code", null, [
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "<"),
-                  createVNode("span", { style: { "color": "#85E89D" } }, "script"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                  createVNode("span", { style: { "color": "#B392F0" } }, "setup"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#F97583" } }, "import"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, " { useI18n } "),
-                  createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'vue-i18n'")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#F97583" } }, "const"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, " { "),
-                  createVNode("span", { style: { "color": "#79B8FF" } }, "t"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, " } "),
-                  createVNode("span", { style: { "color": "#F97583" } }, "="),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                  createVNode("span", { style: { "color": "#B392F0" } }, "useI18n"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "()")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "</"),
-                  createVNode("span", { style: { "color": "#85E89D" } }, "script"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "<"),
-                  createVNode("span", { style: { "color": "#85E89D" } }, "template"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  <"),
-                  createVNode("span", { style: { "color": "#85E89D" } }, "button"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    {{ t('button.about') }}")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  </"),
-                  createVNode("span", { style: { "color": "#85E89D" } }, "button"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "</"),
-                  createVNode("span", { style: { "color": "#85E89D" } }, "template"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                ])
-              ])
-            ]),
-            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-              createVNode("code", null, [
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "<"),
-                  createVNode("span", { style: { "color": "#22863A" } }, "script"),
-                  createVNode("span", { style: { "color": "#24292E" } }, " "),
-                  createVNode("span", { style: { "color": "#6F42C1" } }, "setup"),
-                  createVNode("span", { style: { "color": "#24292E" } }, ">")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#D73A49" } }, "import"),
-                  createVNode("span", { style: { "color": "#24292E" } }, " { useI18n } "),
-                  createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                  createVNode("span", { style: { "color": "#24292E" } }, " "),
-                  createVNode("span", { style: { "color": "#032F62" } }, "'vue-i18n'")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#D73A49" } }, "const"),
-                  createVNode("span", { style: { "color": "#24292E" } }, " { "),
-                  createVNode("span", { style: { "color": "#005CC5" } }, "t"),
-                  createVNode("span", { style: { "color": "#24292E" } }, " } "),
-                  createVNode("span", { style: { "color": "#D73A49" } }, "="),
-                  createVNode("span", { style: { "color": "#24292E" } }, " "),
-                  createVNode("span", { style: { "color": "#6F42C1" } }, "useI18n"),
-                  createVNode("span", { style: { "color": "#24292E" } }, "()")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "</"),
-                  createVNode("span", { style: { "color": "#22863A" } }, "script"),
-                  createVNode("span", { style: { "color": "#24292E" } }, ">")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "<"),
-                  createVNode("span", { style: { "color": "#22863A" } }, "template"),
-                  createVNode("span", { style: { "color": "#24292E" } }, ">")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "  <"),
-                  createVNode("span", { style: { "color": "#22863A" } }, "button"),
-                  createVNode("span", { style: { "color": "#24292E" } }, ">")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "    {{ t('button.about') }}")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "  </"),
-                  createVNode("span", { style: { "color": "#22863A" } }, "button"),
-                  createVNode("span", { style: { "color": "#24292E" } }, ">")
-                ]),
-                createTextVNode("\n"),
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#24292E" } }, "</"),
-                  createVNode("span", { style: { "color": "#22863A" } }, "template"),
-                  createVNode("span", { style: { "color": "#24292E" } }, ">")
-                ])
-              ])
-            ])
-          ]),
-          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: "template-files",
-            tabindex: "-1"
-          }, [
-            createTextVNode("Template Files "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#template-files",
-              "aria-label": 'Permalink to "Template Files {lang="en"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("p", null, "新建某类布局 Markdown 文件的模版。（开发中）"),
-            createVNode("p", null, [
-              createTextVNode("新建 "),
-              createVNode("code", null, "scaffolds"),
-              createTextVNode(" 文件夹。")
-            ])
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("p", null, "Create some templates for Markdown layout. (Work in progress)"),
-            createVNode("p", null, [
-              createTextVNode("Create "),
-              createVNode("code", null, "scaffolds"),
-              createTextVNode(" folder.")
-            ])
-          ]),
-          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" } }, "valaxy"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                  createVNode("span", { style: { "color": "#9ECBFF" } }, "new"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                  createVNode("span", { style: { "color": "#F97583" } }, "<"),
-                  createVNode("span", { style: { "color": "#9ECBFF" } }, "titl"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, "e"),
-                  createVNode("span", { style: { "color": "#F97583" } }, ">"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                  createVNode("span", { style: { "color": "#79B8FF" } }, "-l"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, " [layout]")
-                ])
-              ])
-            ]),
-            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-              createVNode("code", null, [
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#6F42C1" } }, "valaxy"),
-                  createVNode("span", { style: { "color": "#24292E" } }, " "),
-                  createVNode("span", { style: { "color": "#032F62" } }, "new"),
-                  createVNode("span", { style: { "color": "#24292E" } }, " "),
-                  createVNode("span", { style: { "color": "#D73A49" } }, "<"),
-                  createVNode("span", { style: { "color": "#032F62" } }, "titl"),
-                  createVNode("span", { style: { "color": "#24292E" } }, "e"),
-                  createVNode("span", { style: { "color": "#D73A49" } }, ">"),
-                  createVNode("span", { style: { "color": "#24292E" } }, " "),
-                  createVNode("span", { style: { "color": "#005CC5" } }, "-l"),
-                  createVNode("span", { style: { "color": "#24292E" } }, " [layout]")
-                ])
-              ])
-            ])
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("ul", null, [
-              createVNode("li", null, [
-                createVNode("code", null, "layout"),
-                createTextVNode(": 默认为 "),
-                createVNode("code", null, "post")
-              ])
-            ]),
-            createVNode("p", null, [
-              createTextVNode("新建 "),
-              createVNode("code", null, "xxx.md"),
-              createTextVNode("，xxx 取决于你的布局名称。 譬如 "),
-              createVNode("code", null, "album.md"),
-              createTextVNode(" 代表 "),
-              createVNode("code", null, "layout: album"),
-              createTextVNode("。")
-            ])
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("ul", null, [
-              createVNode("li", null, [
-                createVNode("code", null, "layout"),
-                createTextVNode(": Default is "),
-                createVNode("code", null, "post")
-              ])
-            ]),
-            createVNode("p", null, [
-              createTextVNode("Create a new file "),
-              createVNode("code", null, "xxx.md"),
-              createTextVNode(", where "),
-              createVNode("code", null, "xxx"),
-              createTextVNode(" is your layout name. For example, "),
-              createVNode("code", null, "album.md"),
-              createTextVNode(" represents "),
-              createVNode("code", null, "layout: album"),
-              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" } }, "valaxy"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                  createVNode("span", { style: { "color": "#9ECBFF" } }, "new"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                  createVNode("span", { style: { "color": "#9ECBFF" } }, "my-young"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                  createVNode("span", { style: { "color": "#79B8FF" } }, "-l"),
-                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                  createVNode("span", { style: { "color": "#9ECBFF" } }, "album")
-                ])
-              ])
-            ]),
-            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-              createVNode("code", null, [
-                createVNode("span", { class: "line" }, [
-                  createVNode("span", { style: { "color": "#6F42C1" } }, "valaxy"),
-                  createVNode("span", { style: { "color": "#24292E" } }, " "),
-                  createVNode("span", { style: { "color": "#032F62" } }, "new"),
-                  createVNode("span", { style: { "color": "#24292E" } }, " "),
-                  createVNode("span", { style: { "color": "#032F62" } }, "my-young"),
-                  createVNode("span", { style: { "color": "#24292E" } }, " "),
-                  createVNode("span", { style: { "color": "#005CC5" } }, "-l"),
-                  createVNode("span", { style: { "color": "#24292E" } }, " "),
-                  createVNode("span", { style: { "color": "#032F62" } }, "album")
-                ])
-              ])
-            ])
-          ]),
-          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: "others",
-            tabindex: "-1"
-          }, [
-            createTextVNode("Others "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#others",
-              "aria-label": 'Permalink to "Others {lang="en"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("ul", null, [
-              createVNode("li", null, [
-                createVNode(_component_AppLink, { href: "/guide/custom/styles" }, {
-                  default: withCtx(() => [
-                    createTextVNode("自定义样式 | Valaxy")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })
-              ])
-            ])
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("ul", null, [
-              createVNode("li", null, [
-                createVNode(_component_AppLink, { href: "/guide/custom/styles" }, {
-                  default: withCtx(() => [
-                    createTextVNode("Custom Styles | Valaxy")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })
-              ])
-            ])
-          ])
-        ];
-      }
-    }),
-    "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/custom/extend.md");
-  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
-};
-const extend = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
-export {
-  __pageData,
-  extend as default
-};