valaxy 0.15.10 → 0.15.11-alpha.0

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

@@ -0,0 +1,3294 @@
+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":"Third Party","description":"","frontmatter":{"title":"Third Party","title_zh-CN":"第三方集成","categories":["third"],"end":false,"top":99},"headers":[{"level":2,"title":"搜索","slug":"搜索","link":"#搜索","children":[]},{"level":2,"title":"Search","slug":"search","link":"#search","children":[{"level":3,"title":"本地搜索（基于 fuse.js）","slug":"本地搜索-基于-fuse-js","link":"#本地搜索-基于-fuse-js","children":[]},{"level":3,"title":"Local Search (Based on fuse.js)","slug":"local-search-based-on-fuse-js","link":"#local-search-based-on-fuse-js","children":[]},{"level":3,"title":"Algolia 搜索","slug":"algolia-搜索","link":"#algolia-搜索","children":[]},{"level":3,"title":"Algolia DocSearch","slug":"algolia-docsearch","link":"#algolia-docsearch","children":[]}]},{"level":2,"title":"图片预览（Medium Zoom）","slug":"图片预览-medium-zoom","link":"#图片预览-medium-zoom","children":[]},{"level":2,"title":"Image Preview (Medium Zoom)","slug":"image-preview-medium-zoom","link":"#image-preview-medium-zoom","children":[]},{"level":2,"title":"音乐播放器","slug":"音乐播放器","link":"#音乐播放器","children":[]},{"level":2,"title":"Music Player","slug":"music-player","link":"#music-player","children":[]},{"level":2,"title":"谷歌统计","slug":"谷歌统计","link":"#谷歌统计","children":[]},{"level":2,"title":"Google Statistics","slug":"google-statistics","link":"#google-statistics","children":[]}],"relativePath":"pages/guide/third-party/index.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\third-party\\\\index.md","lastUpdated":1697975166000}');
+const data = JSON.parse('{"title":"Third Party","description":"","frontmatter":{"title":"Third Party","title_zh-CN":"第三方集成","categories":["third"],"end":false,"top":99},"headers":[{"level":2,"title":"搜索","slug":"搜索","link":"#搜索","children":[]},{"level":2,"title":"Search","slug":"search","link":"#search","children":[{"level":3,"title":"本地搜索（基于 fuse.js）","slug":"本地搜索-基于-fuse-js","link":"#本地搜索-基于-fuse-js","children":[]},{"level":3,"title":"Local Search (Based on fuse.js)","slug":"local-search-based-on-fuse-js","link":"#local-search-based-on-fuse-js","children":[]},{"level":3,"title":"Algolia 搜索","slug":"algolia-搜索","link":"#algolia-搜索","children":[]},{"level":3,"title":"Algolia DocSearch","slug":"algolia-docsearch","link":"#algolia-docsearch","children":[]}]},{"level":2,"title":"图片预览（Medium Zoom）","slug":"图片预览-medium-zoom","link":"#图片预览-medium-zoom","children":[]},{"level":2,"title":"Image Preview (Medium Zoom)","slug":"image-preview-medium-zoom","link":"#image-preview-medium-zoom","children":[]},{"level":2,"title":"音乐播放器","slug":"音乐播放器","link":"#音乐播放器","children":[]},{"level":2,"title":"Music Player","slug":"music-player","link":"#music-player","children":[]},{"level":2,"title":"谷歌统计","slug":"谷歌统计","link":"#谷歌统计","children":[]},{"level":2,"title":"Google Statistics","slug":"google-statistics","link":"#google-statistics","children":[]}],"relativePath":"pages/guide/third-party/index.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\third-party\\\\index.md","lastUpdated":1697975166000}');
+const _sfc_main = {
+  name: "pages/guide/third-party/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 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="search" tabindex="-1"${_scopeId}>Search `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#search",
+          "aria-label": 'Permalink to "Search {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><h3 lang="zh-CN" id="本地搜索-基于-fuse-js" tabindex="-1"${_scopeId}>本地搜索（基于 fuse.js） `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#本地搜索-基于-fuse-js",
+          "aria-label": 'Permalink to "本地搜索（基于 fuse.js） {lang="zh-CN"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><h3 lang="en" id="local-search-based-on-fuse-js" tabindex="-1"${_scopeId}>Local Search (Based on fuse.js) `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#local-search-based-on-fuse-js",
+          "aria-label": 'Permalink to "Local Search (Based on fuse.js) {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><div lang="zh-CN"${_scopeId}><p${_scopeId}>Valaxy 内置了基于 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://fusejs.io/",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`fuse.js`);
+            } else {
+              return [
+                createTextVNode("fuse.js")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` 的离线搜索（须预先通过 <code${_scopeId}>valaxy fuse</code> 构建生成本地缓存）。</p><blockquote${_scopeId}><p${_scopeId}><code${_scopeId}>valaxy fuse</code> 默认将 <code${_scopeId}>fuse</code> 生成在 <code${_scopeId}>public</code> 目录下，并在 <code${_scopeId}>.gitignore</code> 中添加 <code${_scopeId}>public/valaxy-fuse-list.json</code> 忽略。 请在 <code${_scopeId}>valaxy build</code> 之前使用 <code${_scopeId}>valaxy fuse</code> 构建。</p></blockquote><p${_scopeId}>如果你想要使用全文搜索，可参考 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://www.fusejs.io/api/options.html",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Options | fuse.js`);
+            } else {
+              return [
+                createTextVNode("Options | fuse.js")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` 进行设置。 譬如：</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}>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}>defineSiteConfig</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>({</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  search: {</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}>    type: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;fuse&#39;</span><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}>  fuse: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    options: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>      keys: [</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;title&#39;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;tags&#39;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;categories&#39;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;excerpt&#39;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;content&#39;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>],</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>      </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>/**</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       * </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>@default</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>0.6</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       * </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>@see</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>https://www.fusejs.io/api/options.html#threshold</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       * 设置匹配阈值，越低越精确</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       */</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>      </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// threshold: 0.6,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>      </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>/**</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       * </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>@default</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>false</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       * </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>@see</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>https://www.fusejs.io/api/options.html#ignoreLocation</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       * 忽略位置</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       * 这对于搜索文档全文内容有用，若无需全文搜索，则无需设置此项</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       */</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>      ignoreLocation: </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}>    },</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 vp-code-light"${_scopeId}><code${_scopeId}><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}>defineSiteConfig</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>({</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  search: {</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}>    type: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;fuse&#39;</span><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}>  fuse: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    options: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>      keys: [</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;title&#39;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;tags&#39;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;categories&#39;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;excerpt&#39;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;content&#39;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>],</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>      </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>/**</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       * </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>@default</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>0.6</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       * </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>@see</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>https://www.fusejs.io/api/options.html#threshold</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       * 设置匹配阈值，越低越精确</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       */</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>      </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// threshold: 0.6,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>      </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>/**</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       * </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>@default</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>false</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       * </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>@see</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>https://www.fusejs.io/api/options.html#ignoreLocation</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       * 忽略位置</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       * 这对于搜索文档全文内容有用，若无需全文搜索，则无需设置此项</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>       */</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>      ignoreLocation: </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}>    },</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></div><div lang="en"${_scopeId}><p${_scopeId}>Valaxy has built-in local search based on `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://fusejs.io/",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`fuse.js`);
+            } else {
+              return [
+                createTextVNode("fuse.js")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`. The local cache should be generated in advance via <code${_scopeId}>valaxy fuse</code>.</p><blockquote${_scopeId}><p${_scopeId}><code${_scopeId}>valaxy fuse</code> generates <code${_scopeId}>fuse</code> in the <code${_scopeId}>public</code> directory by default. Please use <code${_scopeId}>valaxy fuse</code> before <code${_scopeId}>valaxy build</code>.</p></blockquote></div><h4 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(`</h4><h4 lang="en" id="setup" tabindex="-1"${_scopeId}>Setup `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#setup",
+          "aria-label": 'Permalink to "Setup {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h4><div lang="zh-CN"${_scopeId}><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": "#6A737D" })}"${_scopeId}>// site.config.ts</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { defineSiteConfig } </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}>defineSiteConfig</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>({</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  search: {</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}>    </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// 设置类型为 Fuse</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    type: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;fuse&#39;</span><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 vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// site.config.ts</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { defineSiteConfig } </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}>defineSiteConfig</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>({</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  search: {</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}>    </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// 设置类型为 Fuse</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    type: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;fuse&#39;</span><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><ul${_scopeId}><li${_scopeId}>在你的 <code${_scopeId}>package.json</code> 中添加 fuse 生成脚本</li></ul></div><div lang="en"${_scopeId}><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": "#6A737D" })}"${_scopeId}>// site.config.ts</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { defineSiteConfig } </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}>defineSiteConfig</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>({</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  search: {</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 highlighted"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// Set type to &#39;fuse&#39;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    type: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;fuse&#39;</span><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": "#6A737D" })}"${_scopeId}>// site.config.ts</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { defineSiteConfig } </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}>defineSiteConfig</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>({</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  search: {</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 highlighted"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// Set type to &#39;fuse&#39;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    type: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;fuse&#39;</span><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><ul${_scopeId}><li${_scopeId}>Add fuse generation script in your <code${_scopeId}>package.json</code></li></ul></div><div class="language-json"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>json</span><pre class="shiki github-dark has-highlighted-lines 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": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>&quot;name&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;yun-demo&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>&quot;valaxy&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>&quot;theme&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;yun&quot;</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 style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>&quot;scripts&quot;</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": "#79B8FF" })}"${_scopeId}>&quot;build&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;npm run fuse &amp;&amp; npm run build:ssg&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>&quot;build:ssg&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;valaxy build --ssg&quot;</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": "#79B8FF" })}"${_scopeId}>&quot;fuse&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;valaxy fuse&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>&quot;rss&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;valaxy rss&quot;</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 style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>&quot;dependencies&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>&quot;valaxy&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;latest&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>&quot;valaxy-theme-yun&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;latest&quot;</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": "#24292E" })}"${_scopeId}>{</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>&quot;name&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;yun-demo&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>&quot;valaxy&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>&quot;theme&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;yun&quot;</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 style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>&quot;scripts&quot;</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": "#005CC5" })}"${_scopeId}>&quot;build&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;npm run fuse &amp;&amp; npm run build:ssg&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>&quot;build:ssg&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;valaxy build --ssg&quot;</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": "#005CC5" })}"${_scopeId}>&quot;fuse&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;valaxy fuse&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>&quot;rss&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;valaxy rss&quot;</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 style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>&quot;dependencies&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>&quot;valaxy&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;latest&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>&quot;valaxy-theme-yun&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;latest&quot;</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><h3 lang="zh-CN" id="algolia-搜索" tabindex="-1"${_scopeId}>Algolia 搜索 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#algolia-搜索",
+          "aria-label": 'Permalink to "Algolia 搜索 {lang="zh-CN"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><h3 lang="en" id="algolia-docsearch" tabindex="-1"${_scopeId}>Algolia DocSearch `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#algolia-docsearch",
+          "aria-label": 'Permalink to "Algolia DocSearch {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><div lang="zh-CN"${_scopeId}><p${_scopeId}>Algolia 是一个在线第三方搜索服务，您需要自行申请相关 ID 和 Secret。</p><blockquote${_scopeId}><p${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://docsearch.algolia.com/",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`DocSearch`);
+            } else {
+              return [
+                createTextVNode("DocSearch")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` 申请通常只接受技术文档。</p></blockquote><p${_scopeId}>Valaxy 提供了一个快速集成插件 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-addon-algolia",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`valaxy-addon-algolia`);
+            } else {
+              return [
+                createTextVNode("valaxy-addon-algolia")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`（目前仅支持 DocSearch）。</p></div><div lang="en"${_scopeId}><p${_scopeId}>Algolia is an online third-party search service. You need to apply for the <code${_scopeId}>ID</code> and <code${_scopeId}>Secret</code> by yourself.</p><blockquote${_scopeId}><p${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://docsearch.algolia.com/",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`DocSearch`);
+            } else {
+              return [
+                createTextVNode("DocSearch")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` Only technical document applications are accepted generally.</p></blockquote><p${_scopeId}>Valaxy provides a quick integration plug-in: `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-addon-algolia",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`valaxy-addon-algolia`);
+            } else {
+              return [
+                createTextVNode("valaxy-addon-algolia")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` (Currently only DocSearch is supported).</p></div><h2 lang="zh-CN" id="图片预览-medium-zoom" tabindex="-1"${_scopeId}>图片预览（Medium Zoom） `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#图片预览-medium-zoom",
+          "aria-label": 'Permalink to "图片预览（Medium Zoom） {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="image-preview-medium-zoom" tabindex="-1"${_scopeId}>Image Preview (Medium Zoom) `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#image-preview-medium-zoom",
+          "aria-label": 'Permalink to "Image Preview (Medium Zoom) {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}>Valaxy 内置了 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/francoischalifour/medium-zoom",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`medium-zoom`);
+            } else {
+              return [
+                createTextVNode("medium-zoom")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` 进行图片预览，默认关闭。</p><blockquote${_scopeId}><p${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://medium-zoom.francoischalifour.com/",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Medium Zoom Demo`);
+            } else {
+              return [
+                createTextVNode("Medium Zoom Demo")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</p></blockquote><ul${_scopeId}><li${_scopeId}>mediumZoom <ul${_scopeId}><li${_scopeId}><code${_scopeId}>enable</code>: 是否开启</li><li${_scopeId}><code${_scopeId}>selector</code>: 可自定义传入选择器</li><li${_scopeId}><code${_scopeId}>options</code>: 与 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/francoischalifour/medium-zoom#options",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`options | medium-zoom`);
+            } else {
+              return [
+                createTextVNode("options | medium-zoom")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` 一致</li></ul></li></ul><p${_scopeId}>譬如开启 Medium Zoom：</p></div><div lang="en"${_scopeId}><p${_scopeId}>Valaxy has built-in `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/francoischalifour/medium-zoom",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`medium-zoom`);
+            } else {
+              return [
+                createTextVNode("medium-zoom")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` to preview the pictures, which is disabled by default.</p><blockquote${_scopeId}><p${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://medium-zoom.francoischalifour.com/",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Medium Zoom Demo`);
+            } else {
+              return [
+                createTextVNode("Medium Zoom Demo")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</p></blockquote><ul${_scopeId}><li${_scopeId}>mediumZoom <ul${_scopeId}><li${_scopeId}><code${_scopeId}>enable</code>: Set to true to enable it</li><li${_scopeId}><code${_scopeId}>selector</code>: Custom CSS selector</li><li${_scopeId}><code${_scopeId}>options</code>: Refer to `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/francoischalifour/medium-zoom#options",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`options | medium-zoom`);
+            } else {
+              return [
+                createTextVNode("options | medium-zoom")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</li></ul></li></ul></div><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": "#6A737D" })}"${_scopeId}>// site.config.ts</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { defineSiteConfig } </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}>defineSiteConfig</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>({</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  mediumZoom: { 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}>})</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}>// site.config.ts</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { defineSiteConfig } </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}>defineSiteConfig</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>({</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  mediumZoom: { 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}>})</span></span></code></pre></div><div lang="zh-CN"${_scopeId}><p${_scopeId}>除此之外，你也可以单独控制是否在某篇文章中开启。</p></div><div lang="en"${_scopeId}><p${_scopeId}>In addition, you can also enable it in a certain article independently.</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}>Test Medium Zoom</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>medium_zoom</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>true</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}>Test Medium Zoom</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>medium_zoom</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>true</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>---</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="music-player" tabindex="-1"${_scopeId}>Music Player `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#music-player",
+          "aria-label": 'Permalink to "Music Player {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><div lang="zh-CN"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>基于 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/DIYgod/APlayer",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Aplayer`);
+            } else {
+              return [
+                createTextVNode("Aplayer")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` 与 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/metowolf/MetingJS",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`MetingJS`);
+            } else {
+              return [
+                createTextVNode("MetingJS")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` 实现</p></blockquote><p${_scopeId}>譬如在文章中引入网易云某首歌曲（ID 为歌曲 ID）：</p><p${_scopeId}>在文章头部添加：</p></div><div lang="en"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>Implementd based on `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/DIYgod/APlayer",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Aplayer`);
+            } else {
+              return [
+                createTextVNode("Aplayer")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` and `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/metowolf/MetingJS",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`MetingJS`);
+            } else {
+              return [
+                createTextVNode("MetingJS")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</p></blockquote><p${_scopeId}>For example, add a song from Netease Cloud in a article:</p><p${_scopeId}>Enable it in the FrontMatter of the article:</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}>aplayer</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>true</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}>aplayer</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>true</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>---</span></span></code></pre></div><div lang="zh-CN"${_scopeId}><p${_scopeId}>在文中引入：</p></div><div lang="en"${_scopeId}><p${_scopeId}>Add the component to the article:</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}>meting-js</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>id</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;22736708&quot;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>server</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;netease&quot;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>type</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;song&quot;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>theme</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;#C20C0C&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}>meting-js</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}>meting-js</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>id</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;22736708&quot;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>server</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;netease&quot;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>type</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;song&quot;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>theme</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;#C20C0C&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}>meting-js</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span></code></pre></div><div lang="zh-CN"${_scopeId}><p${_scopeId}>效果如下：</p></div><div lang="en"${_scopeId}><p${_scopeId}>Here is a demo:</p></div><meting-js id="22736708" server="netease" type="song" theme="#C20C0C"${_scopeId}></meting-js><blockquote${_scopeId}><p${_scopeId}>More info see `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/metowolf/MetingJS#option",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Option | MetingJS`);
+            } else {
+              return [
+                createTextVNode("Option | MetingJS")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</p></blockquote><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="google-statistics" tabindex="-1"${_scopeId}>Google Statistics `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#google-statistics",
+          "aria-label": 'Permalink to "Google Statistics {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><div lang="zh-CN"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>可参见 `);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/custom/extend#%E6%89%A9%E5%B1%95-client-%E4%B8%8A%E4%B8%8B%E6%96%87" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`扩展 Client 上下文｜自定义扩展`);
+            } else {
+              return [
+                createTextVNode("扩展 Client 上下文｜自定义扩展")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</p></blockquote><p${_scopeId}>你可以通过直接使用 Vue 插件的方式引入谷歌统计。</p><p${_scopeId}>譬如：</p><ul${_scopeId}><li${_scopeId}>安装依赖：<code${_scopeId}>pnpm add vue-gtag-next</code></li><li${_scopeId}>新建 <code${_scopeId}>setup/main.ts</code>:</li></ul><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": "#6A737D" })}"${_scopeId}>// setup/main.ts</span></span>
+<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 style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { install </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>as</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> installGtag } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;./gtag&#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}>  </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>installGtag</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(ctx)</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": "#6A737D" })}"${_scopeId}>// setup/main.ts</span></span>
+<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 style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { install </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>as</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> installGtag } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;./gtag&#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}>  </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>installGtag</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(ctx)</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>})</span></span></code></pre></div><ul${_scopeId}><li${_scopeId}>新建 <code${_scopeId}>setup/gtag.ts</code>:</li></ul><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}> VueGtag, { trackRouter } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;vue-gtag-next&#39;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>type</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { UserModule } </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}>const</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>install</span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>:</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>UserModule</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": "#FFAB70" })}"${_scopeId}>isClient</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>app</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>router</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}>  </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>if</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> (isClient) {</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}>(VueGtag, {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>      property: { id: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;G-1LL0D86CY9&#39;</span><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>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>trackRouter</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(router)</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 vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> VueGtag, { trackRouter } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;vue-gtag-next&#39;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>type</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { UserModule } </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}>const</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>install</span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>:</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>UserModule</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": "#E36209" })}"${_scopeId}>isClient</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>app</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>router</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}>  </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>if</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> (isClient) {</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}>(VueGtag, {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>      property: { id: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;G-1LL0D86CY9&#39;</span><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>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>trackRouter</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(router)</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></div><div lang="en"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>Refer to `);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/custom/extend#extending-client-context" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Custom Extensions | Extending Client Context`);
+            } else {
+              return [
+                createTextVNode("Custom Extensions | Extending Client Context")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</p></blockquote><p${_scopeId}>You can add Google Statistics by using Vue plug-in directly.</p><p${_scopeId}>For example:</p><ul${_scopeId}><li${_scopeId}>Install the dependency: <code${_scopeId}>pnpm add vue-gtag-next</code></li><li${_scopeId}>Create <code${_scopeId}>setup/main.ts</code></li></ul><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": "#6A737D" })}"${_scopeId}>// setup/main.ts</span></span>
+<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 style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { install </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>as</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> installGtag } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;./gtag&#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}>  </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>installGtag</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(ctx)</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": "#6A737D" })}"${_scopeId}>// setup/main.ts</span></span>
+<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 style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { install </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>as</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> installGtag } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;./gtag&#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}>  </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>installGtag</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(ctx)</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>})</span></span></code></pre></div><ul${_scopeId}><li${_scopeId}>Create <code${_scopeId}>setup/gtag.ts</code></li></ul><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}> VueGtag, { trackRouter } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;vue-gtag-next&#39;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>type</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { UserModule } </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}>const</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>install</span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>:</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>UserModule</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": "#FFAB70" })}"${_scopeId}>isClient</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>app</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>router</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}>  </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>if</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> (isClient) {</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}>(VueGtag, {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>      property: { id: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;G-1LL0D86CY9&#39;</span><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>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>trackRouter</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(router)</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 vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> VueGtag, { trackRouter } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;vue-gtag-next&#39;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>type</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { UserModule } </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}>const</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>install</span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>:</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>UserModule</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": "#E36209" })}"${_scopeId}>isClient</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>app</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>router</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}>  </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>if</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> (isClient) {</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}>(VueGtag, {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>      property: { id: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;G-1LL0D86CY9&#39;</span><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>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>trackRouter</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(router)</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></div><p${_scopeId}>More info see `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/MatteoGabriele/vue-gtag-next",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`vue-gtag-next`);
+            } else {
+              return [
+                createTextVNode("vue-gtag-next")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`.</p>`);
+      } else {
+        return [
+          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: "search",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Search "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#search",
+              "aria-label": 'Permalink to "Search {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h3", {
+            lang: "zh-CN",
+            id: "本地搜索-基于-fuse-js",
+            tabindex: "-1"
+          }, [
+            createTextVNode("本地搜索（基于 fuse.js） "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#本地搜索-基于-fuse-js",
+              "aria-label": 'Permalink to "本地搜索（基于 fuse.js） {lang="zh-CN"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h3", {
+            lang: "en",
+            id: "local-search-based-on-fuse-js",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Local Search (Based on fuse.js) "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#local-search-based-on-fuse-js",
+              "aria-label": 'Permalink to "Local Search (Based on fuse.js) {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, [
+              createTextVNode("Valaxy 内置了基于 "),
+              createVNode(_component_AppLink, {
+                href: "https://fusejs.io/",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("fuse.js")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(" 的离线搜索（须预先通过 "),
+              createVNode("code", null, "valaxy fuse"),
+              createTextVNode(" 构建生成本地缓存）。")
+            ]),
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createVNode("code", null, "valaxy fuse"),
+                createTextVNode(" 默认将 "),
+                createVNode("code", null, "fuse"),
+                createTextVNode(" 生成在 "),
+                createVNode("code", null, "public"),
+                createTextVNode(" 目录下，并在 "),
+                createVNode("code", null, ".gitignore"),
+                createTextVNode(" 中添加 "),
+                createVNode("code", null, "public/valaxy-fuse-list.json"),
+                createTextVNode(" 忽略。 请在 "),
+                createVNode("code", null, "valaxy build"),
+                createTextVNode(" 之前使用 "),
+                createVNode("code", null, "valaxy fuse"),
+                createTextVNode(" 构建。")
+              ])
+            ]),
+            createVNode("p", null, [
+              createTextVNode("如果你想要使用全文搜索，可参考 "),
+              createVNode(_component_AppLink, {
+                href: "https://www.fusejs.io/api/options.html",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("Options | fuse.js")
+                ]),
+                _: 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 vp-code-dark" }, [
+                createVNode("code", null, [
+                  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" } }, "defineSiteConfig"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "({")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  search: {")
+                  ]),
+                  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" } }, "    type: "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'fuse'"),
+                    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" } }, "  fuse: {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    options: {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "      keys: ["),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'title'"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'tags'"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'categories'"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'excerpt'"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'content'"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "],")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "      "),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "/**")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       * "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "@default"),
+                    createVNode("span", { style: { "color": "#6A737D" } }, " "),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "0.6")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       * "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "@see"),
+                    createVNode("span", { style: { "color": "#6A737D" } }, " "),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "https://www.fusejs.io/api/options.html#threshold")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       * 设置匹配阈值，越低越精确")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       */")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "      "),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "// threshold: 0.6,")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "      "),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "/**")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       * "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "@default"),
+                    createVNode("span", { style: { "color": "#6A737D" } }, " "),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "false")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       * "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "@see"),
+                    createVNode("span", { style: { "color": "#6A737D" } }, " "),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "https://www.fusejs.io/api/options.html#ignoreLocation")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       * 忽略位置")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       * 这对于搜索文档全文内容有用，若无需全文搜索，则无需设置此项")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       */")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "      ignoreLocation: "),
+                    createVNode("span", { style: { "color": "#79B8FF" } }, "true"),
+                    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" } }, "  },")
+                  ]),
+                  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" } }, "export"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "default"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "defineSiteConfig"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "({")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "  search: {")
+                  ]),
+                  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" } }, "    type: "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'fuse'"),
+                    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" } }, "  fuse: {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "    options: {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "      keys: ["),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'title'"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'tags'"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'categories'"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'excerpt'"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'content'"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "],")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "      "),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "/**")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       * "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "@default"),
+                    createVNode("span", { style: { "color": "#6A737D" } }, " "),
+                    createVNode("span", { style: { "color": "#24292E" } }, "0.6")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       * "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "@see"),
+                    createVNode("span", { style: { "color": "#6A737D" } }, " "),
+                    createVNode("span", { style: { "color": "#24292E" } }, "https://www.fusejs.io/api/options.html#threshold")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       * 设置匹配阈值，越低越精确")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       */")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "      "),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "// threshold: 0.6,")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "      "),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "/**")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       * "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "@default"),
+                    createVNode("span", { style: { "color": "#6A737D" } }, " "),
+                    createVNode("span", { style: { "color": "#24292E" } }, "false")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       * "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "@see"),
+                    createVNode("span", { style: { "color": "#6A737D" } }, " "),
+                    createVNode("span", { style: { "color": "#24292E" } }, "https://www.fusejs.io/api/options.html#ignoreLocation")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       * 忽略位置")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       * 这对于搜索文档全文内容有用，若无需全文搜索，则无需设置此项")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "       */")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "      ignoreLocation: "),
+                    createVNode("span", { style: { "color": "#005CC5" } }, "true"),
+                    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" } }, "  },")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "})")
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, [
+              createTextVNode("Valaxy has built-in local search based on "),
+              createVNode(_component_AppLink, {
+                href: "https://fusejs.io/",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("fuse.js")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(". The local cache should be generated in advance via "),
+              createVNode("code", null, "valaxy fuse"),
+              createTextVNode(".")
+            ]),
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createVNode("code", null, "valaxy fuse"),
+                createTextVNode(" generates "),
+                createVNode("code", null, "fuse"),
+                createTextVNode(" in the "),
+                createVNode("code", null, "public"),
+                createTextVNode(" directory by default. Please use "),
+                createVNode("code", null, "valaxy fuse"),
+                createTextVNode(" before "),
+                createVNode("code", null, "valaxy build"),
+                createTextVNode(".")
+              ])
+            ])
+          ]),
+          createVNode("h4", {
+            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("h4", {
+            lang: "en",
+            id: "setup",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Setup "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#setup",
+              "aria-label": 'Permalink to "Setup {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            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": "#6A737D" } }, "// site.config.ts")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { defineSiteConfig } "),
+                    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" } }, "defineSiteConfig"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "({")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  search: {")
+                  ]),
+                  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" } }, "    "),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "// 设置类型为 Fuse")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    type: "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'fuse'"),
+                    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 vp-code-light" }, [
+                createVNode("code", null, [
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "// site.config.ts")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " { defineSiteConfig } "),
+                    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" } }, "defineSiteConfig"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "({")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "  search: {")
+                  ]),
+                  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" } }, "    "),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "// 设置类型为 Fuse")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "    type: "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'fuse'"),
+                    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" } }, "})")
+                  ])
+                ])
+              ])
+            ]),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createTextVNode("在你的 "),
+                createVNode("code", null, "package.json"),
+                createTextVNode(" 中添加 fuse 生成脚本")
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            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": "#6A737D" } }, "// site.config.ts")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { defineSiteConfig } "),
+                    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" } }, "defineSiteConfig"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "({")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  search: {")
+                  ]),
+                  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 highlighted" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "// Set type to 'fuse'")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    type: "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'fuse'"),
+                    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": "#6A737D" } }, "// site.config.ts")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " { defineSiteConfig } "),
+                    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" } }, "defineSiteConfig"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "({")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "  search: {")
+                  ]),
+                  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 highlighted" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "    "),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "// Set type to 'fuse'")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "    type: "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'fuse'"),
+                    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" } }, "})")
+                  ])
+                ])
+              ])
+            ]),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createTextVNode("Add fuse generation script in your "),
+                createVNode("code", null, "package.json")
+              ])
+            ])
+          ]),
+          createVNode("div", { class: "language-json" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "json"),
+            createVNode("pre", { class: "shiki github-dark has-highlighted-lines 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": "#E1E4E8" } }, "  "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, '"name"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"yun-demo"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ",")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, '"valaxy"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, '"theme"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"yun"')
+                ]),
+                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": "#79B8FF" } }, '"scripts"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line highlighted" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, '"build"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"npm run fuse && npm run build:ssg"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ",")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, '"build:ssg"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"valaxy build --ssg"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ",")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line highlighted" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, '"fuse"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"valaxy fuse"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ",")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, '"rss"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"valaxy rss"')
+                ]),
+                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": "#79B8FF" } }, '"dependencies"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, '"valaxy"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"latest"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ",")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, '"valaxy-theme-yun"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"latest"')
+                ]),
+                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": "#24292E" } }, "{")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, '"name"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"yun-demo"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ",")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, '"valaxy"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, '"theme"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"yun"')
+                ]),
+                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": "#005CC5" } }, '"scripts"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line highlighted" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, '"build"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"npm run fuse && npm run build:ssg"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ",")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, '"build:ssg"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"valaxy build --ssg"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ",")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line highlighted" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, '"fuse"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"valaxy fuse"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ",")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, '"rss"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"valaxy rss"')
+                ]),
+                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": "#005CC5" } }, '"dependencies"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, '"valaxy"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"latest"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ",")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, '"valaxy-theme-yun"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"latest"')
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  }")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "}")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("h3", {
+            lang: "zh-CN",
+            id: "algolia-搜索",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Algolia 搜索 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#algolia-搜索",
+              "aria-label": 'Permalink to "Algolia 搜索 {lang="zh-CN"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h3", {
+            lang: "en",
+            id: "algolia-docsearch",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Algolia DocSearch "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#algolia-docsearch",
+              "aria-label": 'Permalink to "Algolia DocSearch {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "Algolia 是一个在线第三方搜索服务，您需要自行申请相关 ID 和 Secret。"),
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createVNode(_component_AppLink, {
+                  href: "https://docsearch.algolia.com/",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("DocSearch")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode(" 申请通常只接受技术文档。")
+              ])
+            ]),
+            createVNode("p", null, [
+              createTextVNode("Valaxy 提供了一个快速集成插件 "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-addon-algolia",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("valaxy-addon-algolia")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode("（目前仅支持 DocSearch）。")
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, [
+              createTextVNode("Algolia is an online third-party search service. You need to apply for the "),
+              createVNode("code", null, "ID"),
+              createTextVNode(" and "),
+              createVNode("code", null, "Secret"),
+              createTextVNode(" by yourself.")
+            ]),
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createVNode(_component_AppLink, {
+                  href: "https://docsearch.algolia.com/",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("DocSearch")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode(" Only technical document applications are accepted generally.")
+              ])
+            ]),
+            createVNode("p", null, [
+              createTextVNode("Valaxy provides a quick integration plug-in: "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-addon-algolia",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("valaxy-addon-algolia")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(" (Currently only DocSearch is supported).")
+            ])
+          ]),
+          createVNode("h2", {
+            lang: "zh-CN",
+            id: "图片预览-medium-zoom",
+            tabindex: "-1"
+          }, [
+            createTextVNode("图片预览（Medium Zoom） "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#图片预览-medium-zoom",
+              "aria-label": 'Permalink to "图片预览（Medium Zoom） {lang="zh-CN"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h2", {
+            lang: "en",
+            id: "image-preview-medium-zoom",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Image Preview (Medium Zoom) "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#image-preview-medium-zoom",
+              "aria-label": 'Permalink to "Image Preview (Medium Zoom) {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, [
+              createTextVNode("Valaxy 内置了 "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/francoischalifour/medium-zoom",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("medium-zoom")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(" 进行图片预览，默认关闭。")
+            ]),
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createVNode(_component_AppLink, {
+                  href: "https://medium-zoom.francoischalifour.com/",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("Medium Zoom Demo")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ]),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createTextVNode("mediumZoom "),
+                createVNode("ul", null, [
+                  createVNode("li", null, [
+                    createVNode("code", null, "enable"),
+                    createTextVNode(": 是否开启")
+                  ]),
+                  createVNode("li", null, [
+                    createVNode("code", null, "selector"),
+                    createTextVNode(": 可自定义传入选择器")
+                  ]),
+                  createVNode("li", null, [
+                    createVNode("code", null, "options"),
+                    createTextVNode(": 与 "),
+                    createVNode(_component_AppLink, {
+                      href: "https://github.com/francoischalifour/medium-zoom#options",
+                      target: "_blank",
+                      rel: "noreferrer"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("options | medium-zoom")
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    createTextVNode(" 一致")
+                  ])
+                ])
+              ])
+            ]),
+            createVNode("p", null, "譬如开启 Medium Zoom：")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, [
+              createTextVNode("Valaxy has built-in "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/francoischalifour/medium-zoom",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("medium-zoom")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(" to preview the pictures, which is disabled by default.")
+            ]),
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createVNode(_component_AppLink, {
+                  href: "https://medium-zoom.francoischalifour.com/",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("Medium Zoom Demo")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ]),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createTextVNode("mediumZoom "),
+                createVNode("ul", null, [
+                  createVNode("li", null, [
+                    createVNode("code", null, "enable"),
+                    createTextVNode(": Set to true to enable it")
+                  ]),
+                  createVNode("li", null, [
+                    createVNode("code", null, "selector"),
+                    createTextVNode(": Custom CSS selector")
+                  ]),
+                  createVNode("li", null, [
+                    createVNode("code", null, "options"),
+                    createTextVNode(": Refer to "),
+                    createVNode(_component_AppLink, {
+                      href: "https://github.com/francoischalifour/medium-zoom#options",
+                      target: "_blank",
+                      rel: "noreferrer"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("options | medium-zoom")
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          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": "#6A737D" } }, "// site.config.ts")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " { defineSiteConfig } "),
+                  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" } }, "defineSiteConfig"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "({")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  mediumZoom: { enable: "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "true"),
+                  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": "#6A737D" } }, "// site.config.ts")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " { defineSiteConfig } "),
+                  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" } }, "defineSiteConfig"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "({")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  mediumZoom: { enable: "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "true"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " }")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "})")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "除此之外，你也可以单独控制是否在某篇文章中开启。")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "In addition, you can also enable it in a certain article independently.")
+          ]),
+          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" } }, "Test Medium Zoom")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#85E89D" } }, "medium_zoom"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "true")
+                ]),
+                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" } }, "Test Medium Zoom")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#22863A" } }, "medium_zoom"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "true")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  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: "music-player",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Music Player "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#music-player",
+              "aria-label": 'Permalink to "Music Player {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createTextVNode("基于 "),
+                createVNode(_component_AppLink, {
+                  href: "https://github.com/DIYgod/APlayer",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("Aplayer")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode(" 与 "),
+                createVNode(_component_AppLink, {
+                  href: "https://github.com/metowolf/MetingJS",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("MetingJS")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode(" 实现")
+              ])
+            ]),
+            createVNode("p", null, "譬如在文章中引入网易云某首歌曲（ID 为歌曲 ID）："),
+            createVNode("p", null, "在文章头部添加：")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createTextVNode("Implementd based on "),
+                createVNode(_component_AppLink, {
+                  href: "https://github.com/DIYgod/APlayer",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("Aplayer")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode(" and "),
+                createVNode(_component_AppLink, {
+                  href: "https://github.com/metowolf/MetingJS",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("MetingJS")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ]),
+            createVNode("p", null, "For example, add a song from Netease Cloud in a article:"),
+            createVNode("p", null, "Enable it in the FrontMatter of the article:")
+          ]),
+          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" } }, "aplayer"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "true")
+                ]),
+                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" } }, "aplayer"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "true")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "---")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "在文中引入：")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "Add the component to the article:")
+          ]),
+          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" } }, "meting-js")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "id"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"22736708"')
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "server"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"netease"')
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "type"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"song"')
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "theme"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"#C20C0C"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "</"),
+                  createVNode("span", { style: { "color": "#85E89D" } }, "meting-js"),
+                  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" } }, "meting-js")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "id"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "="),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"22736708"')
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "server"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "="),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"netease"')
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "type"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "="),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"song"')
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "theme"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "="),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"#C20C0C"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ">")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "</"),
+                  createVNode("span", { style: { "color": "#22863A" } }, "meting-js"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ">")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "效果如下：")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "Here is a demo:")
+          ]),
+          createVNode("meting-js", {
+            id: "22736708",
+            server: "netease",
+            type: "song",
+            theme: "#C20C0C"
+          }),
+          createVNode("blockquote", null, [
+            createVNode("p", null, [
+              createTextVNode("More info see "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/metowolf/MetingJS#option",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("Option | MetingJS")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ]),
+          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: "google-statistics",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Google Statistics "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#google-statistics",
+              "aria-label": 'Permalink to "Google Statistics {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createTextVNode("可参见 "),
+                createVNode(_component_AppLink, { href: "/guide/custom/extend#%E6%89%A9%E5%B1%95-client-%E4%B8%8A%E4%B8%8B%E6%96%87" }, {
+                  default: withCtx(() => [
+                    createTextVNode("扩展 Client 上下文｜自定义扩展")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ]),
+            createVNode("p", null, "你可以通过直接使用 Vue 插件的方式引入谷歌统计。"),
+            createVNode("p", null, "譬如："),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createTextVNode("安装依赖："),
+                createVNode("code", null, "pnpm add vue-gtag-next")
+              ]),
+              createVNode("li", 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": "#6A737D" } }, "// setup/main.ts")
+                  ]),
+                  createTextVNode("\n"),
+                  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" }, [
+                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { install "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "as"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " installGtag } "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'./gtag'")
+                  ]),
+                  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" } }, "  "),
+                    createVNode("span", { style: { "color": "#B392F0" } }, "installGtag"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "(ctx)")
+                  ]),
+                  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": "#6A737D" } }, "// setup/main.ts")
+                  ]),
+                  createTextVNode("\n"),
+                  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" }, [
+                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " { install "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "as"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " installGtag } "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'./gtag'")
+                  ]),
+                  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" } }, "  "),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "installGtag"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "(ctx)")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "})")
+                  ])
+                ])
+              ])
+            ]),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createTextVNode("新建 "),
+                createVNode("code", null, "setup/gtag.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" } }, " VueGtag, { trackRouter } "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'vue-gtag-next'")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "type"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { UserModule } "),
+                    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" } }, "const"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#B392F0" } }, "install"),
+                    createVNode("span", { style: { "color": "#F97583" } }, ":"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#B392F0" } }, "UserModule"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "="),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " ({ "),
+                    createVNode("span", { style: { "color": "#FFAB70" } }, "isClient"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#FFAB70" } }, "app"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#FFAB70" } }, "router"),
+                    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" } }, "  "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "if"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " (isClient) {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    app."),
+                    createVNode("span", { style: { "color": "#B392F0" } }, "use"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "(VueGtag, {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "      property: { id: "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'G-1LL0D86CY9'"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " },")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    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": "#B392F0" } }, "trackRouter"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "(router)")
+                  ]),
+                  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 vp-code-light" }, [
+                createVNode("code", null, [
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " VueGtag, { trackRouter } "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'vue-gtag-next'")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "type"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " { UserModule } "),
+                    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" } }, "const"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "install"),
+                    createVNode("span", { style: { "color": "#D73A49" } }, ":"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "UserModule"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "="),
+                    createVNode("span", { style: { "color": "#24292E" } }, " ({ "),
+                    createVNode("span", { style: { "color": "#E36209" } }, "isClient"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#E36209" } }, "app"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#E36209" } }, "router"),
+                    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" } }, "  "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "if"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " (isClient) {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "    app."),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "use"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "(VueGtag, {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "      property: { id: "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'G-1LL0D86CY9'"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " },")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    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": "#6F42C1" } }, "trackRouter"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "(router)")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "  }")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "}")
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createTextVNode("Refer to "),
+                createVNode(_component_AppLink, { href: "/guide/custom/extend#extending-client-context" }, {
+                  default: withCtx(() => [
+                    createTextVNode("Custom Extensions | Extending Client Context")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ]),
+            createVNode("p", null, "You can add Google Statistics by using Vue plug-in directly."),
+            createVNode("p", null, "For example:"),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createTextVNode("Install the dependency: "),
+                createVNode("code", null, "pnpm add vue-gtag-next")
+              ]),
+              createVNode("li", null, [
+                createTextVNode("Create "),
+                createVNode("code", null, "setup/main.ts")
+              ])
+            ]),
+            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": "#6A737D" } }, "// setup/main.ts")
+                  ]),
+                  createTextVNode("\n"),
+                  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" }, [
+                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { install "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "as"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " installGtag } "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'./gtag'")
+                  ]),
+                  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" } }, "  "),
+                    createVNode("span", { style: { "color": "#B392F0" } }, "installGtag"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "(ctx)")
+                  ]),
+                  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": "#6A737D" } }, "// setup/main.ts")
+                  ]),
+                  createTextVNode("\n"),
+                  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" }, [
+                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " { install "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "as"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " installGtag } "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'./gtag'")
+                  ]),
+                  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" } }, "  "),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "installGtag"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "(ctx)")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "})")
+                  ])
+                ])
+              ])
+            ]),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createTextVNode("Create "),
+                createVNode("code", null, "setup/gtag.ts")
+              ])
+            ]),
+            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" } }, " VueGtag, { trackRouter } "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'vue-gtag-next'")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "type"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { UserModule } "),
+                    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" } }, "const"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#B392F0" } }, "install"),
+                    createVNode("span", { style: { "color": "#F97583" } }, ":"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#B392F0" } }, "UserModule"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "="),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " ({ "),
+                    createVNode("span", { style: { "color": "#FFAB70" } }, "isClient"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#FFAB70" } }, "app"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#FFAB70" } }, "router"),
+                    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" } }, "  "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "if"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " (isClient) {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    app."),
+                    createVNode("span", { style: { "color": "#B392F0" } }, "use"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "(VueGtag, {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "      property: { id: "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'G-1LL0D86CY9'"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " },")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    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": "#B392F0" } }, "trackRouter"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "(router)")
+                  ]),
+                  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 vp-code-light" }, [
+                createVNode("code", null, [
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " VueGtag, { trackRouter } "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'vue-gtag-next'")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "type"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " { UserModule } "),
+                    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" } }, "const"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "install"),
+                    createVNode("span", { style: { "color": "#D73A49" } }, ":"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "UserModule"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "="),
+                    createVNode("span", { style: { "color": "#24292E" } }, " ({ "),
+                    createVNode("span", { style: { "color": "#E36209" } }, "isClient"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#E36209" } }, "app"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#E36209" } }, "router"),
+                    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" } }, "  "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "if"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " (isClient) {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "    app."),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "use"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "(VueGtag, {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "      property: { id: "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'G-1LL0D86CY9'"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " },")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    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": "#6F42C1" } }, "trackRouter"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "(router)")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "  }")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "}")
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          createVNode("p", null, [
+            createTextVNode("More info see "),
+            createVNode(_component_AppLink, {
+              href: "https://github.com/MatteoGabriele/vue-gtag-next",
+              target: "_blank",
+              rel: "noreferrer"
+            }, {
+              default: withCtx(() => [
+                createTextVNode("vue-gtag-next")
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            createTextVNode(".")
+          ])
+        ];
+      }
+    }),
+    "main-header": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-header", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-header")
+        ];
+      }
+    }),
+    "main-header-after": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-header-after", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-header-after")
+        ];
+      }
+    }),
+    "main-nav": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-nav", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-nav")
+        ];
+      }
+    }),
+    "main-content": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-content", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-content")
+        ];
+      }
+    }),
+    "main-content-after": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-content-after", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-content-after")
+        ];
+      }
+    }),
+    "main-nav-before": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-nav-before", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-nav-before")
+        ];
+      }
+    }),
+    "main-nav-after": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-nav-after", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-nav-after")
+        ];
+      }
+    }),
+    comment: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "comment", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "comment")
+        ];
+      }
+    }),
+    footer: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "footer", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "footer")
+        ];
+      }
+    }),
+    aside: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "aside", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "aside")
+        ];
+      }
+    }),
+    "aside-custom": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "aside-custom", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "aside-custom")
+        ];
+      }
+    }),
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "default")
+        ];
+      }
+    }),
+    _: 3
+    /* FORWARDED */
+  }, _parent));
+}
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../../../docs/pages/guide/third-party/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
+};