valaxy 0.15.10 → 0.15.11-alpha.0

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

@@ -0,0 +1,527 @@
+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":"Core API","description":"","frontmatter":{"title":"Core API","categories":["API"]},"headers":[{"level":2,"title":"Client","slug":"client","link":"#client","children":[{"level":3,"title":"Toggle Dark","slug":"toggle-dark","link":"#toggle-dark","children":[]}]},{"level":2,"title":"Node","slug":"node","link":"#node","children":[{"level":3,"title":"Hooks","slug":"hooks","link":"#hooks","children":[]}]}],"relativePath":"pages/api/index.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\api\\\\index.md","lastUpdated":1697912707000}');
+const data = JSON.parse('{"title":"Core API","description":"","frontmatter":{"title":"Core API","categories":["API"]},"headers":[{"level":2,"title":"Client","slug":"client","link":"#client","children":[{"level":3,"title":"Toggle Dark","slug":"toggle-dark","link":"#toggle-dark","children":[]}]},{"level":2,"title":"Node","slug":"node","link":"#node","children":[{"level":3,"title":"Hooks","slug":"hooks","link":"#hooks","children":[]}]}],"relativePath":"pages/api/index.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\api\\\\index.md","lastUpdated":1697912707000}');
+const _sfc_main = {
+  name: "pages/api/index.md",
+  data() {
+    return { data, frontmatter: data.frontmatter, $frontmatter: data.frontmatter };
+  },
+  setup() {
+    const route = useRoute();
+    route.meta.frontmatter = Object.assign(route.meta.frontmatter, data.frontmatter);
+    provide("pageData", data);
+  }
+};
+function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_ValaxyMain = __unplugin_components_0;
+  const _component_AppLink = _sfc_main$1;
+  _push(ssrRenderComponent(_component_ValaxyMain, mergeProps({
+    frontmatter: $data.frontmatter,
+    data: $data.data
+  }, _attrs), {
+    "main-content-md": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<h2 id="client" tabindex="-1"${_scopeId}>Client `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#client",
+          "aria-label": 'Permalink to "Client"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><h3 id="toggle-dark" tabindex="-1"${_scopeId}>Toggle Dark `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#toggle-dark",
+          "aria-label": 'Permalink to "Toggle Dark"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><ul${_scopeId}><li${_scopeId}><code${_scopeId}>isDark</code>: Whether dark mode is enabled</li><li${_scopeId}><code${_scopeId}>toggleDark</code>: Toggle dark mode</li><li${_scopeId}><code${_scopeId}>toggleDarkWithTransition</code>: Toggle dark mode with transition</li></ul><p${_scopeId}>Example:</p><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}>lang</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;ts&quot;</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}> { isDark, toggleDarkWithTransition } </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 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}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>class</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;yun-icon-btn&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>@click</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;toggleDarkWithTransition&quot;</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}>div</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>i</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;ri-sun-line dark:ri-moon-line&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>/</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}>&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}>lang</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;ts&quot;</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}> { isDark, toggleDarkWithTransition } </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 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}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>class</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;yun-icon-btn&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>@click</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;toggleDarkWithTransition&quot;</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}>div</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>i</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;ri-sun-line dark:ri-moon-line&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B31D28", "font-style": "italic" })}"${_scopeId}>/</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}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span></code></pre></div><h2 id="node" tabindex="-1"${_scopeId}>Node `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#node",
+          "aria-label": 'Permalink to "Node"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><h3 id="hooks" tabindex="-1"${_scopeId}>Hooks `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#hooks",
+          "aria-label": 'Permalink to "Hooks"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><ul${_scopeId}><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/custom/hooks" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`钩子`);
+            } else {
+              return [
+                createTextVNode("钩子")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</li></ul>`);
+      } else {
+        return [
+          createVNode("h2", {
+            id: "client",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Client "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#client",
+              "aria-label": 'Permalink to "Client"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h3", {
+            id: "toggle-dark",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Toggle Dark "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#toggle-dark",
+              "aria-label": 'Permalink to "Toggle Dark"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("ul", null, [
+            createVNode("li", null, [
+              createVNode("code", null, "isDark"),
+              createTextVNode(": Whether dark mode is enabled")
+            ]),
+            createVNode("li", null, [
+              createVNode("code", null, "toggleDark"),
+              createTextVNode(": Toggle dark mode")
+            ]),
+            createVNode("li", null, [
+              createVNode("code", null, "toggleDarkWithTransition"),
+              createTextVNode(": Toggle dark mode with transition")
+            ])
+          ]),
+          createVNode("p", null, "Example:"),
+          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" } }, "lang"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"ts"'),
+                  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" } }, " { isDark, toggleDarkWithTransition } "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "from"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy'")
+                ]),
+                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" } }, " "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "class"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"yun-icon-btn"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "@click"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"toggleDarkWithTransition"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    <"),
+                  createVNode("span", { style: { "color": "#85E89D" } }, "div"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "i"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"ri-sun-line dark:ri-moon-line"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#FDAEB7", "font-style": "italic" } }, "/"),
+                  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" } }, "</"),
+                  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" } }, "lang"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "="),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"ts"'),
+                  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" } }, " { isDark, toggleDarkWithTransition } "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "from"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "'valaxy'")
+                ]),
+                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" } }, " "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "class"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "="),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"yun-icon-btn"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "@click"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "="),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"toggleDarkWithTransition"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ">")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    <"),
+                  createVNode("span", { style: { "color": "#22863A" } }, "div"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "i"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "="),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"ri-sun-line dark:ri-moon-line"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#B31D28", "font-style": "italic" } }, "/"),
+                  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" } }, "</"),
+                  createVNode("span", { style: { "color": "#22863A" } }, "template"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ">")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("h2", {
+            id: "node",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Node "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#node",
+              "aria-label": 'Permalink to "Node"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h3", {
+            id: "hooks",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Hooks "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#hooks",
+              "aria-label": 'Permalink to "Hooks"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("ul", null, [
+            createVNode("li", null, [
+              createVNode(_component_AppLink, { href: "/guide/custom/hooks" }, {
+                default: withCtx(() => [
+                  createTextVNode("钩子")
+                ]),
+                _: 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/api/index.md");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+export {
+  __pageData,
+  index as default
+};