valaxy 0.15.10 → 0.15.11-alpha.0

package/client/.vite-ssg-temp/vp12eb5cgm/assets/write-6bc2b77c.js

@@ -0,0 +1,675 @@
+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, createCommentVNode, 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":"Write a Addon","description":"","frontmatter":{"title":"Write a Addon","title_zh-CN":"编写一个插件","categories":["addon"],"end":false},"headers":[{"level":2,"title":"开始编写","slug":"开始编写","link":"#开始编写","children":[{"level":3,"title":"创建插件模板","slug":"创建插件模板","link":"#创建插件模板","children":[]},{"level":3,"title":"使用生命周期钩子","slug":"使用生命周期钩子","link":"#使用生命周期钩子","children":[]}]}],"relativePath":"pages/addons/write.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\addons\\\\write.md","lastUpdated":1697907110000}');
+const data = JSON.parse('{"title":"Write a Addon","description":"","frontmatter":{"title":"Write a Addon","title_zh-CN":"编写一个插件","categories":["addon"],"end":false},"headers":[{"level":2,"title":"开始编写","slug":"开始编写","link":"#开始编写","children":[{"level":3,"title":"创建插件模板","slug":"创建插件模板","link":"#创建插件模板","children":[]},{"level":3,"title":"使用生命周期钩子","slug":"使用生命周期钩子","link":"#使用生命周期钩子","children":[]}]}],"relativePath":"pages/addons/write.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\addons\\\\write.md","lastUpdated":1697907110000}');
+const _sfc_main = {
+  name: "pages/addons/write.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="开始编写" tabindex="-1"${_scopeId}>开始编写 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#开始编写",
+          "aria-label": 'Permalink to "开始编写"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><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}><strong${_scopeId}>约定大于配置</strong></p><ul${_scopeId}><li${_scopeId}>插件：<code${_scopeId}>Addon</code>，须以 <code${_scopeId}>valaxy-addon-</code> 开头。</li><li${_scopeId}>插件与主题类似，但做的事情更少。</li><li${_scopeId}>一个站点只能使用一个主题，但可以使用多个插件。</li><li${_scopeId}>Addon 无需预编译，直接发布源文件即可。</li></ul></div><ul class="contains-task-list"${_scopeId}><li class="task-list-item"${_scopeId}><p${_scopeId}><input class="task-list-item-checkbox" disabled="" type="checkbox"${_scopeId}> <code${_scopeId}>App.vue</code> 如果插件作者希望插件被使用时立刻全局挂载，可以将内容放置于 <code${_scopeId}>valaxy-addon-&lt;name&gt;/App.vue</code> 中，并设置 <code${_scopeId}>package.json</code> 中 <code${_scopeId}>global: true</code>。</p></li><li${_scopeId}><p${_scopeId}><code${_scopeId}>components</code>: 放置于 <code${_scopeId}>components</code> 文件夹下的组件将会被自动注册，但不会被挂载。用户可以手动加载使用。</p></li></ul><blockquote${_scopeId}><p${_scopeId}>文档正在施工中，您可以参照 `);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/addons/gallery" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`插件橱窗`);
+            } else {
+              return [
+                createTextVNode("插件橱窗")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` 一些已有的插件。</p></blockquote><!-- 用户如何配置 global --><h3 id="创建插件模板" tabindex="-1"${_scopeId}>创建插件模板 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#创建插件模板",
+          "aria-label": 'Permalink to "创建插件模板"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><div class="language-bash"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>bash</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>pnpm</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>create</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>valaxy</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># choose template addon</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>pnpm</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>create</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>valaxy</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># choose template addon</span></span></code></pre></div><h3 id="使用生命周期钩子" tabindex="-1"${_scopeId}>使用生命周期钩子 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#使用生命周期钩子",
+          "aria-label": 'Permalink to "使用生命周期钩子"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><p${_scopeId}>如示例所示，插件可以使用 <code${_scopeId}>valaxy.hook</code> 来挂载生命周期钩子。 实现在构建前/后以及其他节点做一些事情。</p><blockquote${_scopeId}><p${_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(` 了解更多。</p></blockquote><div class="language-ts"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>ts</span><pre class="shiki github-dark has-highlighted-lines vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { defineValaxyAddon } </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": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> consola </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;consola&#39;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> pkg </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;../package.json&#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}>const</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>addonTest</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}>defineValaxyAddon</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>options</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}>  name: pkg.name,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  enable: </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>true</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  options,</span></span>
+<span class="line"${_scopeId}></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>setup</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>valaxy</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>) {</span></span>
+<span class="line highlighted"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    valaxy.</span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>hook</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;build:before&#39;</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 highlighted"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>      </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// do something before build</span></span>
+<span class="line highlighted"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>      consola.</span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>info</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;[valaxy-addon-test] build:before&#39;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>)</span></span>
+<span class="line highlighted"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    })</span></span>
+<span class="line"${_scopeId}><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 has-highlighted-lines vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { defineValaxyAddon } </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": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> consola </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;consola&#39;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> pkg </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;../package.json&#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}>const</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>addonTest</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}>defineValaxyAddon</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>options</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}>  name: pkg.name,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  enable: </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>true</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  options,</span></span>
+<span class="line"${_scopeId}></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>setup</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>valaxy</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>) {</span></span>
+<span class="line highlighted"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    valaxy.</span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>hook</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;build:before&#39;</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 highlighted"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>      </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// do something before build</span></span>
+<span class="line highlighted"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>      consola.</span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>info</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;[valaxy-addon-test] build:before&#39;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>)</span></span>
+<span class="line highlighted"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    })</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  },</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>}))</span></span></code></pre></div>`);
+      } else {
+        return [
+          createVNode("h2", {
+            id: "开始编写",
+            tabindex: "-1"
+          }, [
+            createTextVNode("开始编写 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#开始编写",
+              "aria-label": 'Permalink to "开始编写"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          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("strong", null, "约定大于配置")
+            ]),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createTextVNode("插件："),
+                createVNode("code", null, "Addon"),
+                createTextVNode("，须以 "),
+                createVNode("code", null, "valaxy-addon-"),
+                createTextVNode(" 开头。")
+              ]),
+              createVNode("li", null, "插件与主题类似，但做的事情更少。"),
+              createVNode("li", null, "一个站点只能使用一个主题，但可以使用多个插件。"),
+              createVNode("li", null, "Addon 无需预编译，直接发布源文件即可。")
+            ])
+          ]),
+          createVNode("ul", { class: "contains-task-list" }, [
+            createVNode("li", { class: "task-list-item" }, [
+              createVNode("p", null, [
+                createVNode("input", {
+                  class: "task-list-item-checkbox",
+                  disabled: "",
+                  type: "checkbox"
+                }),
+                createTextVNode(),
+                createVNode("code", null, "App.vue"),
+                createTextVNode(" 如果插件作者希望插件被使用时立刻全局挂载，可以将内容放置于 "),
+                createVNode("code", null, "valaxy-addon-<name>/App.vue"),
+                createTextVNode(" 中，并设置 "),
+                createVNode("code", null, "package.json"),
+                createTextVNode(" 中 "),
+                createVNode("code", null, "global: true"),
+                createTextVNode("。")
+              ])
+            ]),
+            createVNode("li", null, [
+              createVNode("p", null, [
+                createVNode("code", null, "components"),
+                createTextVNode(": 放置于 "),
+                createVNode("code", null, "components"),
+                createTextVNode(" 文件夹下的组件将会被自动注册，但不会被挂载。用户可以手动加载使用。")
+              ])
+            ])
+          ]),
+          createVNode("blockquote", null, [
+            createVNode("p", null, [
+              createTextVNode("文档正在施工中，您可以参照 "),
+              createVNode(_component_AppLink, { href: "/addons/gallery" }, {
+                default: withCtx(() => [
+                  createTextVNode("插件橱窗")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(" 一些已有的插件。")
+            ])
+          ]),
+          createCommentVNode(" 用户如何配置 global "),
+          createVNode("h3", {
+            id: "创建插件模板",
+            tabindex: "-1"
+          }, [
+            createTextVNode("创建插件模板 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#创建插件模板",
+              "aria-label": 'Permalink to "创建插件模板"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { class: "language-bash" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "bash"),
+            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#B392F0" } }, "pnpm"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "create"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "valaxy")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6A737D" } }, "# choose template addon")
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "pnpm"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "create"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "valaxy")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6A737D" } }, "# choose template addon")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("h3", {
+            id: "使用生命周期钩子",
+            tabindex: "-1"
+          }, [
+            createTextVNode("使用生命周期钩子 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#使用生命周期钩子",
+              "aria-label": 'Permalink to "使用生命周期钩子"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("p", null, [
+            createTextVNode("如示例所示，插件可以使用 "),
+            createVNode("code", null, "valaxy.hook"),
+            createTextVNode(" 来挂载生命周期钩子。 实现在构建前/后以及其他节点做一些事情。")
+          ]),
+          createVNode("blockquote", null, [
+            createVNode("p", null, [
+              createTextVNode("请参考 "),
+              createVNode(_component_AppLink, { href: "/guide/custom/hooks" }, {
+                default: withCtx(() => [
+                  createTextVNode("生命周期钩子")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(" 了解更多。")
+            ])
+          ]),
+          createVNode("div", { class: "language-ts" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "ts"),
+            createVNode("pre", { class: "shiki github-dark has-highlighted-lines vp-code-dark" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " { defineValaxyAddon } "),
+                  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": "#F97583" } }, "import"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " consola "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "from"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'consola'")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " pkg "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "from"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'../package.json'")
+                ]),
+                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" } }, "const"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "addonTest"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "="),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "defineValaxyAddon"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "("),
+                  createVNode("span", { style: { "color": "#FFAB70" } }, "options"),
+                  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" } }, "  name: pkg.name,")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  enable: "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "true"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ",")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  options,")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "setup"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "("),
+                  createVNode("span", { style: { "color": "#FFAB70" } }, "valaxy"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ") {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line highlighted" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    valaxy."),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "hook"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "("),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'build:before'"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ", () "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "=>"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line highlighted" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "      "),
+                  createVNode("span", { style: { "color": "#6A737D" } }, "// do something before build")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line highlighted" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "      consola."),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "info"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "("),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'[valaxy-addon-test] build:before'"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ")")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line highlighted" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    })")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  },")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "}))")
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light has-highlighted-lines vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " { defineValaxyAddon } "),
+                  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": "#D73A49" } }, "import"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " consola "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "from"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "'consola'")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " pkg "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "from"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "'../package.json'")
+                ]),
+                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" } }, "const"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "addonTest"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "="),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "defineValaxyAddon"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "("),
+                  createVNode("span", { style: { "color": "#E36209" } }, "options"),
+                  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" } }, "  name: pkg.name,")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  enable: "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "true"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ",")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  options,")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "setup"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "("),
+                  createVNode("span", { style: { "color": "#E36209" } }, "valaxy"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ") {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line highlighted" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    valaxy."),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "hook"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "("),
+                  createVNode("span", { style: { "color": "#032F62" } }, "'build:before'"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ", () "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "=>"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line highlighted" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "      "),
+                  createVNode("span", { style: { "color": "#6A737D" } }, "// do something before build")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line highlighted" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "      consola."),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "info"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "("),
+                  createVNode("span", { style: { "color": "#032F62" } }, "'[valaxy-addon-test] build:before'"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ")")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line highlighted" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    })")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  },")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "}))")
+                ])
+              ])
+            ])
+          ])
+        ];
+      }
+    }),
+    "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/addons/write.md");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const write = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+export {
+  __pageData,
+  write as default
+};