valaxy 0.15.9 → 0.15.11-alpha.0

package/client/.vite-ssg-temp/vp12eb5cgm/assets/vite-vue-f91b9792.js

@@ -0,0 +1,830 @@
+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":"Use Vite/Vue Plugin","description":"","frontmatter":{"title":"Use Vite/Vue Plugin","title_zh-CN":"使用 Vite/Vue 插件","categories":["third"]},"headers":[{"level":2,"title":"使用 Vite 插件","slug":"使用-vite-插件","link":"#使用-vite-插件","children":[{"level":3,"title":"使用 vite-plugin-pwa","slug":"使用-vite-plugin-pwa","link":"#使用-vite-plugin-pwa","children":[]}]},{"level":2,"title":"使用 Vue 插件","slug":"使用-vue-插件","link":"#使用-vue-插件","children":[]}],"relativePath":"pages/guide/third-party/vite-vue.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\third-party\\\\vite-vue.md","lastUpdated":1696368478000}');
+const data = JSON.parse('{"title":"Use Vite/Vue Plugin","description":"","frontmatter":{"title":"Use Vite/Vue Plugin","title_zh-CN":"使用 Vite/Vue 插件","categories":["third"]},"headers":[{"level":2,"title":"使用 Vite 插件","slug":"使用-vite-插件","link":"#使用-vite-插件","children":[{"level":3,"title":"使用 vite-plugin-pwa","slug":"使用-vite-plugin-pwa","link":"#使用-vite-plugin-pwa","children":[]}]},{"level":2,"title":"使用 Vue 插件","slug":"使用-vue-插件","link":"#使用-vue-插件","children":[]}],"relativePath":"pages/guide/third-party/vite-vue.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\third-party\\\\vite-vue.md","lastUpdated":1696368478000}');
+const _sfc_main = {
+  name: "pages/guide/third-party/vite-vue.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(`<p${_scopeId}>Valaxy 兼容 Vite/Vue 插件，你可以参考以下示例进行使用。</p><h2 id="使用-vite-插件" tabindex="-1"${_scopeId}>使用 Vite 插件 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#使用-vite-插件",
+          "aria-label": 'Permalink to "使用 Vite 插件"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><h3 id="使用-vite-plugin-pwa" tabindex="-1"${_scopeId}>使用 vite-plugin-pwa `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#使用-vite-plugin-pwa",
+          "aria-label": 'Permalink to "使用 vite-plugin-pwa"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><p${_scopeId}>在 <code${_scopeId}>vite.config.ts</code> 中添加以下配置：</p><div class="language-ts"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>ts</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { defineValaxyConfig } </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}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>type</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { ThemeConfig } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;valaxy-theme-yun&#39;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { VitePWA } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;vite-plugin-pwa&#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}>defineValaxyConfig</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>ThemeConfig</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;({</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  vite: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    plugins: [</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>      </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>VitePWA</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}>Inspect</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}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { defineValaxyConfig } </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}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>type</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { ThemeConfig } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;valaxy-theme-yun&#39;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { VitePWA } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;vite-plugin-pwa&#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}>defineValaxyConfig</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>ThemeConfig</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;({</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  vite: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    plugins: [</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>      </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>VitePWA</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}>Inspect</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 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>
+<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}>router</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": "#F97583" })}"${_scopeId}>=&gt;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  router.</span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>isReady</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>().</span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>then</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>async</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}> (</span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>!</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>isClient)</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>      </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>return</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>registerSW</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": "#F97583" })}"${_scopeId}>await</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;virtual:pwa-register&#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": "#B392F0" })}"${_scopeId}>registerSW</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>({ immediate: </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></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>
+<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}>router</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": "#D73A49" })}"${_scopeId}>=&gt;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  router.</span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>isReady</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>().</span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>then</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>async</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}> (</span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>!</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>isClient)</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>      </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>return</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>registerSW</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": "#D73A49" })}"${_scopeId}>await</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;virtual:pwa-register&#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": "#6F42C1" })}"${_scopeId}>registerSW</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>({ immediate: </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></code></pre></div><p${_scopeId}>更多配置请参考 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/vite-pwa/vite-plugin-pwa",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`vite-plugin-pwa`);
+            } else {
+              return [
+                createTextVNode("vite-plugin-pwa")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`。</p><h2 id="使用-vue-插件" tabindex="-1"${_scopeId}>使用 Vue 插件 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#使用-vue-插件",
+          "aria-label": 'Permalink to "使用 Vue 插件"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><p${_scopeId}>如使用 Element Plus，你可以在 <code${_scopeId}>setup/main.ts</code> 中添加以下配置：</p><div class="language-ts"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>ts</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { defineAppSetup } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;valaxy&#39;</span></span>
+<span class="line"${_scopeId}></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> ElementPlus </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;element-plus&#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": "#9ECBFF" })}"${_scopeId}>&#39;element-plus/lib/theme-chalk/index.css&#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}>app</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}>  app.</span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>use</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(ElementPlus)</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>})</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { defineAppSetup } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;valaxy&#39;</span></span>
+<span class="line"${_scopeId}></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> ElementPlus </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;element-plus&#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": "#032F62" })}"${_scopeId}>&#39;element-plus/lib/theme-chalk/index.css&#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}>app</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}>  app.</span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>use</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(ElementPlus)</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>})</span></span></code></pre></div>`);
+      } else {
+        return [
+          createVNode("p", null, "Valaxy 兼容 Vite/Vue 插件，你可以参考以下示例进行使用。"),
+          createVNode("h2", {
+            id: "使用-vite-插件",
+            tabindex: "-1"
+          }, [
+            createTextVNode("使用 Vite 插件 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#使用-vite-插件",
+              "aria-label": 'Permalink to "使用 Vite 插件"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h3", {
+            id: "使用-vite-plugin-pwa",
+            tabindex: "-1"
+          }, [
+            createTextVNode("使用 vite-plugin-pwa "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#使用-vite-plugin-pwa",
+              "aria-label": 'Permalink to "使用 vite-plugin-pwa"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("p", null, [
+            createTextVNode("在 "),
+            createVNode("code", null, "vite.config.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" } }, " { defineValaxyConfig } "),
+                  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" } }, " "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "type"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " { ThemeConfig } "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "from"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy-theme-yun'")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " { VitePWA } "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "from"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'vite-plugin-pwa'")
+                ]),
+                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" } }, "defineValaxyConfig"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "<"),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "ThemeConfig"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">({")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  vite: {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    plugins: [")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "      "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "VitePWA"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "(),")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "      "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "Inspect"),
+                  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" } }, "import"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " { defineValaxyConfig } "),
+                  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" } }, " "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "type"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " { ThemeConfig } "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "from"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "'valaxy-theme-yun'")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " { VitePWA } "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "from"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "'vite-plugin-pwa'")
+                ]),
+                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" } }, "defineValaxyConfig"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "<"),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "ThemeConfig"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ">({")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  vite: {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    plugins: [")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "      "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "VitePWA"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "(),")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "      "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "Inspect"),
+                  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", { 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" }),
+                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" } }, "router"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                  createVNode("span", { style: { "color": "#FFAB70" } }, "isClient"),
+                  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" } }, "  router."),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "isReady"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "()."),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "then"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "("),
+                  createVNode("span", { style: { "color": "#F97583" } }, "async"),
+                  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" } }, " ("),
+                  createVNode("span", { style: { "color": "#F97583" } }, "!"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "isClient)")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "      "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "return")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "const"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " { "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "registerSW"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " } "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "="),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "await"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "("),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'virtual:pwa-register'"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ")")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "registerSW"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "({ immediate: "),
+                  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" } }, "})")
+                ])
+              ])
+            ]),
+            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" }),
+                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" } }, "router"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                  createVNode("span", { style: { "color": "#E36209" } }, "isClient"),
+                  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" } }, "  router."),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "isReady"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "()."),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "then"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "("),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "async"),
+                  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" } }, " ("),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "!"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "isClient)")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "      "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "return")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "const"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " { "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "registerSW"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " } "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "="),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "await"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "("),
+                  createVNode("span", { style: { "color": "#032F62" } }, "'virtual:pwa-register'"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ")")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "registerSW"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "({ immediate: "),
+                  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" } }, "})")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("p", null, [
+            createTextVNode("更多配置请参考 "),
+            createVNode(_component_AppLink, {
+              href: "https://github.com/vite-pwa/vite-plugin-pwa",
+              target: "_blank",
+              rel: "noreferrer"
+            }, {
+              default: withCtx(() => [
+                createTextVNode("vite-plugin-pwa")
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            createTextVNode("。")
+          ]),
+          createVNode("h2", {
+            id: "使用-vue-插件",
+            tabindex: "-1"
+          }, [
+            createTextVNode("使用 Vue 插件 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#使用-vue-插件",
+              "aria-label": 'Permalink to "使用 Vue 插件"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("p", null, [
+            createTextVNode("如使用 Element Plus，你可以在 "),
+            createVNode("code", null, "setup/main.ts"),
+            createTextVNode(" 中添加以下配置：")
+          ]),
+          createVNode("div", { class: "language-ts" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "ts"),
+            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " { defineAppSetup } "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "from"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy'")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " ElementPlus "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "from"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'element-plus'")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'element-plus/lib/theme-chalk/index.css'")
+                ]),
+                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" } }, "app"),
+                  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" } }, "  app."),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "use"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "(ElementPlus)")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "})")
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " { defineAppSetup } "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "from"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "'valaxy'")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " ElementPlus "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "from"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "'element-plus'")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "'element-plus/lib/theme-chalk/index.css'")
+                ]),
+                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" } }, "app"),
+                  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" } }, "  app."),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "use"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "(ElementPlus)")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "})")
+                ])
+              ])
+            ])
+          ])
+        ];
+      }
+    }),
+    "main-header": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-header", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-header")
+        ];
+      }
+    }),
+    "main-header-after": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-header-after", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-header-after")
+        ];
+      }
+    }),
+    "main-nav": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-nav", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-nav")
+        ];
+      }
+    }),
+    "main-content": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-content", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-content")
+        ];
+      }
+    }),
+    "main-content-after": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-content-after", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-content-after")
+        ];
+      }
+    }),
+    "main-nav-before": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-nav-before", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-nav-before")
+        ];
+      }
+    }),
+    "main-nav-after": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-nav-after", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-nav-after")
+        ];
+      }
+    }),
+    comment: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "comment", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "comment")
+        ];
+      }
+    }),
+    footer: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "footer", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "footer")
+        ];
+      }
+    }),
+    aside: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "aside", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "aside")
+        ];
+      }
+    }),
+    "aside-custom": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "aside-custom", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "aside-custom")
+        ];
+      }
+    }),
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "default")
+        ];
+      }
+    }),
+    _: 3
+    /* FORWARDED */
+  }, _parent));
+}
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../../../docs/pages/guide/third-party/vite-vue.md");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const viteVue = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+export {
+  __pageData,
+  viteVue as default
+};