Merge branch 'develop' into michael/multi-pending

docs/op-stack/src/.vuepress/theme/components/AlgoliaSearch/Dropdown.d.ts

+import Vue from "vue";
+import type { AlgoliaOption } from "@mr-hope/vuepress-types";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, {
+    placeholder: string;
+}, {
+    initialize(userOptions: AlgoliaOption, lang: string): void;
+    update(options: AlgoliaOption, lang: string): void;
+}, unknown, {
+    options: AlgoliaOption;
+}>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/AlgoliaSearch/Dropdown.js.map

+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["Dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AAKtB,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,uBAAuB;IAE7B,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAiC,EAAE,QAAQ,EAAE,IAAI,EAAE;KACrE;IAED,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;QACX,WAAW,EAAE,EAAE;KAChB,CAAC;IAEF,KAAK,EAAE;QACL,KAAK,CAAC,QAAgB;YACpB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACtC,CAAC;QAED,OAAO,CAAC,QAAuB;YAC7B,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC;KACF;IAED,OAAO;QACL,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,WAAW;YACb,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAA4B,IAAI,EAAE,CAAC;IAC/D,CAAC;IAED,OAAO,EAAE;QACP,UAAU,CAAC,WAA0B,EAAE,IAAY;YACjD,KAAK,OAAO,CAAC,GAAG,CAAC;gBACf,MAAM;gBACJ,mCAAmC,CAAC,wCAAwC,CAC7E;gBACD,MAAM;gBACJ,mCAAmC,CAAC,yCAAyC,CAC9E;aACF,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE;gBACtB,2BAA2B;gBAC1B,SAAiB,CAAC,OAAO,iCACrB,WAAW,KACd,aAAa,EAAE,uBAAuB;oBACtC,8CAA8C;oBAC9C,cAAc,EAAE;wBACd,YAAY,EAAE,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM;wBACnC,2BAA2B;wBACzB,WAAmB,CAAC,YAAyB,IAAI,EAAE,CACtD;qBACF,EACD,cAAc,EAAE,CACd,MAAwB,EACxB,MAAa,EACb,UAA2B,EAC3B,EAAE;wBACF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;wBACnD,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;wBAEzD,IACE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC;4BAElE,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;;4BAC/D,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;oBACnC,CAAC,IACD,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC;QAED,MAAM,CAAC,OAAsB,EAAE,IAAY;YACzC,IAAI,CAAC,GAAG,CAAC,SAAS;gBAChB,wDAAwD,CAAC;YAC3D,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACjC,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/AlgoliaSearch/Full.d.ts

+import Vue from "vue";
+import type { AlgoliaOption } from "@mr-hope/vuepress-types";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    initialize(userOptions: AlgoliaOption, _lang: string): void;
+    resolveRoutePathFromUrl(absoluteUrl: string): string;
+    update(options: AlgoliaOption, lang: string): void;
+}, unknown, {
+    options: AlgoliaOption;
+}>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/AlgoliaSearch/Full.js.map

+{"version":3,"file":"Full.js","sourceRoot":"","sources":["Full.ts"],"names":[],"mappings":"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"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Anchor.d.ts

+import Vue from "vue";
+import { SidebarHeader } from "@theme/utils/sidebar";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, {}, {}, {
+    items: SidebarHeader[];
+}>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Anchor.js

@@ -57,16 +57,16 @@ export default Vue.extend({
                             "Support"
                         ]),
                         h("div", { class: "anchor-support-links" }, [
-                            h("a", { attrs: { href: "https://discord.gg/optimism", target: "_blank" } }, [
+                            h("a", { attrs: { href: "https://discord.optimism.io", target: "_blank" } }, [
                                 h("div", [
                                     h("i", { attrs: { class: "fab fa-discord" } }),
-                                    " Discord community "
+                                    " Discord community"
                                 ])
                             ]),
-                            h("a", { attrs: { href: "https://forms.monday.com/forms/055862bfb7f4091be3db2567288296f8?r=use1", target: "_blank" } }, [
+                            h("a", { attrs: { href: "https://forms.monday.com/forms/c867f3f357707ff1fb4af0d3d5080710?r=use1", target: "_blank" } }, [
                                 h("div", [
                                     h("i", { attrs: { class: "far fa-comment-dots" } }),
-                                    " Join the Superchain "
+                                    " Get support for going live"
                                 ])
                             ]),
                             h("a", { attrs: { href: "https://github.com/ethereum-optimism/optimism/issues", target: "_blank" } }, [

docs/op-stack/src/.vuepress/theme/components/Anchor.js.map

+{"version":3,"file":"Anchor.js","sourceRoot":"","sources":["Anchor.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW7C,MAAM,UAAU,GAAG,CACjB,CAAgB,EAChB,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAc,EAC1B,EAAE,CACT,CAAC,CACC,YAAY,EACZ;IACE,KAAK,EAAE;QACL,EAAE,EAAE,IAAI;QACR,WAAW,EAAE,EAAE;QACf,gBAAgB,EAAE,EAAE;KACrB;IACD,KAAK,EAAE;QACL,aAAa,EAAE,IAAI;QACnB,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK;KACxC;CACF,EACD,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CACvB,CAAC;AAOJ,MAAM,cAAc,GAAG,CACrB,CAAgB,EAChB,EAAE,QAAQ,EAAE,KAAK,EAAyB,EACnC,EAAE,CACT,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,aAAa,EAAE,EACxB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAoB,EAAE,EAAE;IACpC,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IAE9D,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;QAClD,UAAU,CAAC,CAAC,EAAE;YACZ,IAAI,EAAE,KAAK,CAAC,KAAK;YACjB,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE;YACnC,KAAK,EAAE,KAAK,CAAC,KAAK;SACnB,CAAC;KACH,CAAC,CAAC;AACL,CAAC,CAAC,CACH,CAAC;AAEJ,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,QAAQ;IAEd,UAAU,EAAE,IAAI;IAEhB,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,KAAkC;YACxC,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE;SAClB;KACF;IAED,MAAM,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;QAC5C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,EAAE;YAC3D,CAAC,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;gBACtC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE;oBACpC,KAAK,CAAC,KAAK,CAAC,MAAM;wBAChB,CAAC,CAAC,cAAc,CAAC,CAAC,EAAE;4BAChB,QAAQ,EAAE,KAAK,CAAC,KAAK;4BACrB,KAAK,EAAE,MAAM;yBACd,CAAC;wBACJ,CAAC,CAAC,KAAK,CAAC,OAAO;4BACf,CAAC,CAAC,cAAc,CAAC,CAAC,EAAE;gCAChB,QAAQ,EAAE,KAAK,CAAC,OAAO;gCACvB,KAAK,EAAE,MAAM;6BACd,CAAC;4BACJ,CAAC,CAAC,IAAI;iBACT,CAAC;aACH,CAAC;SACH,CAAC,CAAC;IACL,CAAC;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleInfo.d.ts

+import Vue from "vue";
+import type { PageComputed } from "@mr-hope/vuepress-types";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, {
+    author: string;
+    time: string;
+    tags: string[];
+    readingTimeContent: string;
+    readingTime: string;
+    authorText: string;
+    timeText: string;
+    tagText: string;
+    readingTimeText: string;
+}, {
+    article: PageComputed;
+}>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleInfo.js

+import Vue from "vue";
+import { capitalize } from "@mr-hope/vuepress-shared";
+import AuthorIcon from "@mr-hope/vuepress-plugin-comment/lib/client/icons/AuthorIcon.vue";
+import CalendarIcon from "@mr-hope/vuepress-plugin-comment/lib/client/icons/CalendarIcon.vue";
+import CategoryInfo from "@mr-hope/vuepress-plugin-comment/lib/client/CategoryInfo.vue";
+import TagInfo from "@mr-hope/vuepress-plugin-comment/lib/client/TagInfo.vue";
+import TimerIcon from "@mr-hope/vuepress-plugin-comment/lib/client/icons/TimerIcon.vue";
+export default Vue.extend({
+    name: "ArticleInfo",
+    components: {
+        AuthorIcon,
+        CalendarIcon,
+        CategoryInfo,
+        TagInfo,
+        TimerIcon,
+    },
+    props: {
+        article: { type: Object, required: true },
+    },
+    computed: {
+        author() {
+            return (this.article.frontmatter.author ||
+                (this.$themeConfig.author && this.article.frontmatter.author !== false
+                    ? this.$themeConfig.author
+                    : ""));
+        },
+        time() {
+            const { date, time = date } = this.article.frontmatter;
+            if (typeof time === "string") {
+                if (time.indexOf("T") !== -1) {
+                    const [dateString, temp] = time.split("T");
+                    const [times] = temp.split(".");
+                    return `${dateString} ${times === "00:00:00" ? "" : times}`;
+                }
+                return time;
+            }
+            return this.article.createTime || "";
+        },
+        tags() {
+            const { tag, tags = tag } = this.article.frontmatter;
+            if (typeof tags === "string")
+                return [capitalize(tags)];
+            if (Array.isArray(tags))
+                return tags.map((item) => capitalize(item));
+            return [];
+        },
+        readingTimeContent() {
+            return `PT${Math.max(Math.round(this.$page.readingTime.minutes), 1)}M`;
+        },
+        readingTime() {
+            const { minute, time } = READING_TIME_I18N[this.$localePath || "/"];
+            return this.article.readingTime.minutes < 1
+                ? minute
+                : time.replace("$time", Math.round(this.article.readingTime.minutes).toString());
+        },
+        authorText() {
+            return PAGE_INFO_I18N[this.$localePath || "/"].author;
+        },
+        timeText() {
+            return PAGE_INFO_I18N[this.$localePath || "/"].time;
+        },
+        tagText() {
+            return PAGE_INFO_I18N[this.$localePath || "/"].tag;
+        },
+        readingTimeText() {
+            return PAGE_INFO_I18N[this.$localePath || "/"].readingTime;
+        },
+    },
+});
+//# sourceMappingURL=ArticleInfo.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleInfo.js.map

+{"version":3,"file":"ArticleInfo.js","sourceRoot":"","sources":["ArticleInfo.ts"],"names":[],"mappings":"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"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleInfo.vue

+<template>
+  <div v-if="author || time" class="article-info">
+    <!-- Author -->
+    <span v-if="author" :aria-label="authorText" data-balloon-pos="down">
+      <AuthorIcon />
+      <span property="author" v-text="author" />
+    </span>
+
+    <!-- Writing Date -->
+    <span
+      v-if="time"
+      class="time"
+      :aria-label="timeText"
+      data-balloon-pos="down"
+    >
+      <CalendarIcon />
+      <span property="datePublished" v-text="time" />
+    </span>
+
+    <CategoryInfo
+      v-if="article.frontmatter.category"
+      :category="article.frontmatter.category"
+    />
+
+    <TagInfo v-if="tags.length !== 0" :tags="tags" />
+
+    <!-- Reading time -->
+    <span
+      v-if="readingTime"
+      class="read-time-info"
+      :aria-label="readingTimeText"
+      data-balloon-pos="down"
+    >
+      <TimerIcon />
+      <span v-text="readingTime" />
+      <meta property="timeRequired" :content="readingTimeContent" />
+    </span>
+  </div>
+</template>
+
+<script src="./ArticleInfo" />
+
+<style lang="stylus">
+$articleInfoTextSize ?= 14px
+
+.article-info
+  color var(--dark-grey)
+  font-size $articleInfoTextSize
+  font-family Arial, Helvetica, sans-serif
+
+  & > span
+    display inline-block
+    margin-right 0.5em
+    line-height 1.8
+
+    @media (max-width $MQMobileNarrow)
+      margin-right 0.3em
+      font-size 0.86rem
+
+    &::after
+      --balloon-font-size 8px
+      padding 0.3em 0.6em !important
+
+    svg
+      position relative
+      bottom -0.125em
+
+    .tags-wrapper
+      display inline-block
+
+  .icon
+    width 1em
+    height 1em
+</style>

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleItem.d.ts

+import Vue from "vue";
+import type { PageComputed } from "@mr-hope/vuepress-types";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, {
+    isEncrypted: boolean;
+    excerpt: string;
+}, {
+    article: PageComputed;
+}>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleItem.js

+import Vue from "vue";
+import ArticleInfo from "@theme/components/Blog/ArticleInfo.vue";
+import LockIcon from "@theme/icons/LockIcon.vue";
+import PresentationIcon from "@theme/icons/PresentationIcon.vue";
+import StickyIcon from "@theme/icons/StickyIcon.vue";
+import { getPathMatchedKeys } from "@theme/utils/encrypt";
+export default Vue.extend({
+    name: "ArticleItem",
+    components: { ArticleInfo, LockIcon, StickyIcon, PresentationIcon },
+    props: {
+        article: { type: Object, required: true },
+    },
+    computed: {
+        isEncrypted() {
+            return (getPathMatchedKeys(this.$themeConfig.encrypt, this.article.path)
+                .length !== 0 || Boolean(this.article.frontmatter.password));
+        },
+        excerpt() {
+            if (this.article.excerpt)
+                return this.article.excerpt;
+            return (this.article.frontmatter.description ||
+                this.article.frontmatter.summary ||
+                "");
+        },
+    },
+});
+//# sourceMappingURL=ArticleItem.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleItem.js.map

+{"version":3,"file":"ArticleItem.js","sourceRoot":"","sources":["ArticleItem.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,gBAAgB,MAAM,mCAAmC,CAAC;AACjE,OAAO,UAAU,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK1D,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,aAAa;IAEnB,UAAU,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE;IAEnE,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAgC,EAAE,QAAQ,EAAE,IAAI,EAAE;KACpE;IAED,QAAQ,EAAE;QACR,WAAW;YACT,OAAO,CACL,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;iBAC7D,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAC9D,CAAC;QACJ,CAAC;QAED,OAAO;YACL,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO;gBAAE,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YAEtD,OAAO,CACL,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,WAAW;gBACpC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO;gBAChC,EAAE,CACH,CAAC;QACJ,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleItem.vue

+<template>
+  <article class="article" vocab="https://schema.org/" typeof="Article">
+    <StickyIcon v-if="article.frontmatter.sticky" />
+    <header class="title" @click="$router.push(article.path)">
+      <LockIcon v-if="isEncrypted" />
+      <PresentationIcon v-if="article.frontmatter.layout === 'Slide'" />
+      <span property="headline">{{ article.title }}</span>
+      <meta
+        v-if="article.frontmatter.image"
+        property="image"
+        :content="$withBase(article.frontmatter.image)"
+      />
+    </header>
+    <!-- eslint-disable-next-line vue/no-v-html -->
+    <div v-if="excerpt" class="excerpt" v-html="excerpt" />
+    <hr class="hr" />
+    <ArticleInfo :article="article" />
+  </article>
+</template>
+
+<script src="./ArticleItem" />
+
+<style lang="stylus">
+.article
+  position relative
+  box-sizing border-box
+  width 100%
+  margin 0 auto 20px
+  padding 16px 20px
+  background var(--bgcolor)
+  border-radius 6px
+  text-align left
+  box-shadow 0 1px 3px 0 var(--card-shadow-color)
+
+  @media (max-width $MQMobileNarrow)
+    border-radius 0
+
+  &:last-child
+    margin-bottom 0
+
+  &:hover
+    box-shadow 0 2px 6px 0 var(--card-shadow-color)
+
+  .sticky-icon
+    position absolute
+    top 0
+    right 0
+    width 40px
+    height 40px
+    fill var(--accent-color)
+
+    .sticky-text
+      fill var(--white)
+
+  .title
+    display inline-block
+    position relative
+    font-size 1.28rem
+    line-height 36px
+
+    &::after
+      content ''
+      position absolute
+      width 100%
+      height 2px
+      bottom 0
+      left 0
+      background var(--accent-color)
+      visibility hidden
+      transform scaleX(0)
+      transition transform 0.3s ease-in-out
+
+    &:hover
+      cursor pointer
+
+      &::after
+        visibility visible
+        transform scaleX(1)
+
+    .lock-icon, .presentation-icon
+      position relative
+      bottom -0.125em
+      display inline-block
+      vertical-align baseline
+      width 20px
+      height 20px
+      color var(--accent-color)
+
+  .excerpt
+    overflow hidden
+    line-height 1.7
+
+    h1
+      display none
+
+      & + p
+        margin-top 0.5em
+
+    p
+      &:first-child
+        margin-top 0.5em
+
+      &:last-child
+        margin-bottom 0.5em
+
+    // code block fix
+    pre
+      line-height 1.4
+      padding 1.25rem 1.5rem
+      margin 0.85rem 0
+
+    // line number fix
+    .line-numbers-mode
+      pre
+        padding-left ($lineNumbersWrapperWidth + 1) rem
+
+    // hide code demo
+    .code-demo-wrapper
+      display none
+</style>

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleList.d.ts

+import Vue from "vue";
+import type { BlogOptions } from "@theme/types";
+import type { PageComputed } from "@mr-hope/vuepress-types";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, {
+    currentPage: number;
+    articleList: PageComputed[];
+}, {
+    getArticleList(): PageComputed[];
+}, {
+    blogConfig: BlogOptions;
+    articlePerPage: number;
+    filter: ((page: PageComputed) => boolean) | undefined;
+    $articles: PageComputed[];
+    articles: PageComputed[];
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleList.js

+import Vue from "vue";
+import ArticleItem from "@theme/components/Blog/ArticleItem.vue";
+import EmptyIcon from "@theme/icons/EmptyIcon.vue";
+import MyTransition from "@theme/components/MyTransition.vue";
+import { filterArticle, sortArticle } from "@theme/utils/article";
+import { getPathMatchedKeys } from "@theme/utils/encrypt";
+export default Vue.extend({
+    name: "ArticleList",
+    components: { ArticleItem, EmptyIcon, MyTransition },
+    data: () => ({
+        currentPage: 1,
+        articleList: [],
+    }),
+    computed: {
+        blogConfig() {
+            return this.$themeConfig.blog || {};
+        },
+        articlePerPage() {
+            return this.blogConfig.perPage || 10;
+        },
+        filter() {
+            const { path } = this.$route;
+            return path.includes("/article")
+                ? (page) => page.frontmatter.layout !== "Slide"
+                : path.includes("/star")
+                    ? (page) => Boolean(page.frontmatter.star || page.frontmatter.sticky)
+                    : path.includes("/encrypt")
+                        ? (page) => getPathMatchedKeys(this.$themeConfig.encrypt, page.path).length !==
+                            0 || Boolean(page.frontmatter.password)
+                        : path.includes("/slide")
+                            ? (page) => page.frontmatter.layout === "Slide"
+                            : undefined;
+        },
+        $articles() {
+            // filter then sort
+            return sortArticle(filterArticle(this.$site.pages, this.filter), "sticky");
+        },
+        /** Articles in this page */
+        articles() {
+            return this.articleList.slice((this.currentPage - 1) * this.articlePerPage, this.currentPage * this.articlePerPage);
+        },
+    },
+    watch: {
+        // update article list when route is changed
+        $route(to, from) {
+            if (to.path !== from.path) {
+                this.articleList = this.getArticleList();
+                // reset page to 1
+                this.currentPage = 1;
+            }
+        },
+        currentPage() {
+            // list top border distance
+            const distance = document.querySelector("#article-list").getBoundingClientRect().top + window.scrollY;
+            setTimeout(() => {
+                window.scrollTo(0, distance);
+            }, 100);
+        },
+    },
+    mounted() {
+        this.articleList = this.getArticleList();
+    },
+    methods: {
+        getArticleList() {
+            try {
+                return this.$pagination
+                    ? // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+                        this.$pagination._matchedPages
+                    : this.$articles;
+            }
+            catch (err) {
+                return this.$articles;
+            }
+        },
+    },
+});
+//# sourceMappingURL=ArticleList.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleList.js.map

+{"version":3,"file":"ArticleList.js","sourceRoot":"","sources":["ArticleList.ts"],"names":[],"mappings":"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"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleList.vue

+<template>
+  <div id="article-list" class="article-wrapper">
+    <EmptyIcon v-if="!articles.length" class="empty" />
+
+    <MyTransition
+      v-for="(article, index) in articles"
+      :key="article.path"
+      :delay="index * 0.04"
+    >
+      <ArticleItem :article="article" />
+    </MyTransition>
+
+    <Pagination
+      v-model="currentPage"
+      :per-page="articlePerPage"
+      :total="articleList.length"
+    />
+  </div>
+</template>
+
+<script src="./ArticleList" />
+
+<style lang="stylus">
+.article-wrapper
+  margin-top -0.5rem - $navbarHeight
+  padding-top: $navbarHeight + 0.5rem
+  text-align center
+
+  @media (max-width $MQMobile)
+    margin-top -0.5rem - $navbarMobileHeight
+    padding-top: $navbarMobileHeight + 0.5rem
+
+  .empty
+    max-width 560px
+    margin 0 auto
+    text-align center
+</style>

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleType.d.ts

+import Vue from "vue";
+interface ArticleTypeItem {
+    text: string;
+    path: string;
+}
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    navigate(path: string): void;
+}, {
+    types: ArticleTypeItem[];
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleType.js

+import Vue from "vue";
+import { getDefaultLocale } from "@mr-hope/vuepress-shared";
+import { navigate } from "@theme/utils/navigate";
+export default Vue.extend({
+    name: "ArticleType",
+    computed: {
+        types() {
+            const blogI18n = this.$themeLocaleConfig.blog || getDefaultLocale().blog;
+            return [
+                { text: blogI18n.allText, path: "/article/" },
+                { text: blogI18n.star, path: "/star/" },
+                { text: blogI18n.slides, path: "/slide/" },
+                { text: blogI18n.encrypt, path: "/encrypt/" },
+            ];
+        },
+    },
+    methods: {
+        navigate(path) {
+            navigate(path, this.$router, this.$route);
+        },
+    },
+});
+//# sourceMappingURL=ArticleType.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleType.js.map

+{"version":3,"file":"ArticleType.js","sourceRoot":"","sources":["ArticleType.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAOjD,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,aAAa;IAEnB,QAAQ,EAAE;QACR,KAAK;YACH,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,IAAI,gBAAgB,EAAE,CAAC,IAAI,CAAC;YAEzE,OAAO;gBACL,EAAE,IAAI,EAAE,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE;gBAC7C,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE;gBACvC,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC1C,EAAE,IAAI,EAAE,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE;aAC9C,CAAC;QACJ,CAAC;KACF;IAED,OAAO,EAAE;QACP,QAAQ,CAAC,IAAY;YACnB,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/ArticleType.vue

+<template>
+  <ul class="article-type-wrapper">
+    <li
+      v-for="type in types"
+      :key="type.text"
+      class="article-type"
+      :class="{ active: type.path === $route.path }"
+      role="navigation"
+      @click="navigate(type.path)"
+    >
+      <span>{{ type.text }}</span>
+    </li>
+  </ul>
+</template>
+
+<script src="./ArticleType" />
+
+<style lang="stylus">
+.article-type-wrapper
+  position relative
+  padding-left 0
+  font-size 18px
+  font-family Arial, Helvetica, sans-serif
+  font-weight 600
+  display flex
+  justify-content center
+  align-items center
+  list-style none
+  z-index 2
+
+  @media (max-width $MQMobileNarrow)
+    font-size 16px
+
+.article-type
+  position relative
+  vertical-align middle
+  margin 0.3em 0.8em
+  line-height 1.2
+  cursor pointer
+
+  &::after
+    position absolute
+    content ' '
+    left 50%
+    right 50%
+    bottom -6px
+    height 2px
+    background var(--accent-color)
+    border-radius 1px
+    visibility hidden
+    transition left 0.2s ease-in-out, right 0.2s ease-in-out
+
+  span
+    transition all 0.3s ease-in-out
+
+  &.active
+    position relative
+
+    span
+      display inline-block
+      color var(--accent-color)
+      transform scale(1.1, 1.1)
+
+  &:hover, &.active
+    &::after
+      left calc(50% - 8px)
+      right calc(50% - 8px)
+      visibility visible
+</style>

docs/op-stack/src/.vuepress/theme/components/Blog/BlogHero.d.ts

+import Vue from "vue";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, {
+    defaultHeroImage: string;
+}, unknown, {
+    heroImageStyle: Record<string, string>;
+    bgImageStyle: Record<string, string>;
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/BlogHero.js

+import Vue from "vue";
+import MyTransition from "@theme/components/MyTransition.vue";
+import defaultHeroImage from "@theme/assets/hero.jpg";
+export default Vue.extend({
+    name: "BlogHero",
+    components: { MyTransition },
+    data: () => ({ defaultHeroImage }),
+    computed: {
+        heroImageStyle() {
+            const defaultStyle = {
+                maxHeight: "180px",
+                margin: this.$frontmatter.showTitle === false
+                    ? "6rem auto 1.5rem"
+                    : "1rem auto",
+            };
+            return Object.assign(Object.assign({}, defaultStyle), this.$frontmatter.heroImageStyle);
+        },
+        bgImageStyle() {
+            const defaultBgImageStyle = {
+                height: "350px",
+                textAlign: "center",
+                overflow: "hidden",
+            };
+            const { bgImageStyle = {} } = this.$frontmatter;
+            return Object.assign(Object.assign({}, defaultBgImageStyle), bgImageStyle);
+        },
+    },
+});
+//# sourceMappingURL=BlogHero.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/BlogHero.js.map

+{"version":3,"file":"BlogHero.js","sourceRoot":"","sources":["BlogHero.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAEtD,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,UAAU;IAEhB,UAAU,EAAE,EAAE,YAAY,EAAE;IAE5B,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAElC,QAAQ,EAAE;QACR,cAAc;YACZ,MAAM,YAAY,GAAG;gBACnB,SAAS,EAAE,OAAO;gBAClB,MAAM,EACJ,IAAI,CAAC,YAAY,CAAC,SAAS,KAAK,KAAK;oBACnC,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,WAAW;aAClB,CAAC;YAEF,uCACK,YAAY,GACX,IAAI,CAAC,YAAY,CAAC,cAAyC,EAC/D;QACJ,CAAC;QAED,YAAY;YACV,MAAM,mBAAmB,GAA2B;gBAClD,MAAM,EAAE,OAAO;gBACf,SAAS,EAAE,QAAQ;gBACnB,QAAQ,EAAE,QAAQ;aACnB,CAAC;YACF,MAAM,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;YAEhD,uCACK,mBAAmB,GAClB,YAAuC,EAC3C;QACJ,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/BlogHero.vue

+<template>
+  <div
+    v-if="$frontmatter.hero !== false"
+    class="blog-hero"
+    :class="{ full: $frontmatter.heroFullScreen }"
+    :style="{ ...bgImageStyle }"
+  >
+    <div
+      class="mask"
+      :style="{
+        background: `url(${
+          $frontmatter.bgImage
+            ? $withBase($frontmatter.bgImage)
+            : defaultHeroImage
+        }) center/cover no-repeat`,
+      }"
+    />
+    <MyTransition :delay="0.04">
+      <img
+        v-if="$frontmatter.heroImage"
+        class="hero-logo"
+        :style="heroImageStyle || {}"
+        :src="$withBase($frontmatter.heroImage)"
+        alt="hero"
+      />
+    </MyTransition>
+    <MyTransition :delay="0.08">
+      <h1 v-if="$frontmatter.showTitle !== false">
+        {{ $frontmatter.heroText || $title || "Hope" }}
+      </h1>
+    </MyTransition>
+
+    <MyTransition :delay="0.12">
+      <p v-if="$description" class="description" v-text="$description" />
+    </MyTransition>
+  </div>
+</template>
+
+<script src="./BlogHero" />
+
+<style lang="stylus">
+.blog-hero
+  position relative
+  color #eee
+  margin-bottom 16px
+  height 450px
+  display flex
+  flex-direction column
+  justify-content center
+
+  @media (max-width $MQMobile)
+    height 350px
+    margin 0 -1.5rem 16px
+
+  @media (max-width $MQMobileNarrow)
+    margin 0 0 16px
+
+  &.full
+    height 'calc(100vh - %s)' % $navbarHeight !important
+
+    @media (max-width $MQMobile)
+      height 'calc(100vh - %s)' % $navbarMobileHeight !important
+
+    .mask
+      background-position-y top !important
+
+  .mask
+    position absolute
+    top 0
+    bottom 0
+    left 0
+    right 0
+
+    &:after
+      display block
+      content ' '
+      background var(--light-grey)
+      position absolute
+      top 0
+      bottom 0
+      left 0
+      right 0
+      z-index 1
+      opacity 0.2
+
+  & > :not(.mask)
+    position relative
+    z-index 2
+
+  h1
+    margin 0.5rem auto
+    font-size 36px
+
+    @media (max-width $MQNarrow)
+      font-size 30px
+
+    @media (max-width $MQMobile)
+      font-size 36px
+
+    @media (max-width $MQMobileNarrow)
+      font-size 30px
+
+  .hero-logo + h1
+    margin 0 auto
+
+  .description
+    margin 1.2rem auto 0
+    font-size 20px
+
+    @media (max-width $MQNarrow)
+      font-size 18px
+
+    @media (max-width $MQMobile)
+      font-size 20px
+
+    @media (max-width $MQMobileNarrow)
+      font-size 18px
+</style>

docs/op-stack/src/.vuepress/theme/components/Blog/BlogHome.d.ts

+import Vue from "vue";
+/**
+ * 项目配置
+ *
+ * Project Configuration
+ */
+export interface ProjectOptions {
+    /**
+     * 项目类型
+     *
+     * Type of project
+     */
+    type: "article" | "book" | "link" | "project";
+    /**
+     * 项目名称
+     *
+     * Project name
+     */
+    name: string;
+    /**
+     * 项目描述
+     *
+     * Project desription
+     */
+    desc?: string;
+    /**
+     * 项目封面，应为绝对路径
+     *
+     * Cover for the project, must be an absolute path
+     */
+    cover?: string;
+    /**
+     * 项目链接
+     *
+     * Link of the project
+     */
+    link: string;
+}
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/BlogHome.js

+import Vue from "vue";
+import ArticleList from "@theme/components/Blog/ArticleList.vue";
+import BlogHero from "@theme/components/Blog/BlogHero.vue";
+import BlogInfo from "@BlogInfo";
+import MyTransition from "@theme/components/MyTransition.vue";
+import ProjectList from "@theme/components/Blog/ProjectList.vue";
+export default Vue.extend({
+    name: "BlogHome",
+    components: {
+        ArticleList,
+        BlogHero,
+        BlogInfo,
+        MyTransition,
+        ProjectList,
+    },
+});
+//# sourceMappingURL=BlogHome.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/BlogHome.js.map

+{"version":3,"file":"BlogHome.js","sourceRoot":"","sources":["BlogHome.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,QAAQ,MAAM,qCAAqC,CAAC;AAC3D,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAwCjE,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,UAAU;IAEhB,UAAU,EAAE;QACV,WAAW;QACX,QAAQ;QACR,QAAQ;QACR,YAAY;QACZ,WAAW;KACZ;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/BlogHome.vue

+<template>
+  <div class="page blog">
+    <BlogHero />
+
+    <div class="blog-page-wrapper">
+      <main class="blog-home">
+        <MyTransition :delay="0.16">
+          <ProjectList />
+        </MyTransition>
+
+        <MyTransition :delay="0.24">
+          <ArticleList :key="$route.path" />
+        </MyTransition>
+      </main>
+
+      <MyTransition :delay="0.16">
+        <BlogInfo />
+      </MyTransition>
+    </div>
+
+    <MyTransition :delay="0.28">
+      <Content :key="$route.path" class="theme-default-content" custom />
+    </MyTransition>
+  </div>
+</template>
+
+<script src="./BlogHome" />
+
+<style lang="stylus">
+.page.blog
+  box-sizing content-box
+  min-height 100vh
+  padding-top $navbarHeight
+  padding-bottom 2rem
+  margin 0px auto
+  background var(--bgcolor-light)
+
+  @media (max-width $MQMobile)
+    padding $navbarMobileHeight 1.5rem 2rem
+
+  @media (max-width $MQMobileNarrow)
+    padding-left 0
+    padding-right 0
+
+  .blog-page-wrapper
+    display flex
+    justify-content center
+    align-items flex-start
+    margin 0 auto
+
+    @media (min-width $MQMobile)
+      padding 0 1rem
+
+    @media (min-width $MQNarrow)
+      padding 0 2rem
+
+    @media (min-width $MQWide)
+      padding 0
+
+    .blog-home
+      max-width 780px
+      overflow hidden
+      flex 1
+
+      @media (min-width $MQMobile)
+        margin 0 15px
+
+  .theme-default-content:empty
+    padding 0
+</style>

docs/op-stack/src/.vuepress/theme/components/Blog/BlogInfo.d.ts

+import Vue from "vue";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/BlogInfo.js

+import Vue from "vue";
+import BlogInfoList from "@theme/components/Blog/BlogInfoList.vue";
+import BloggerInfo from "@theme/components/Blog/BloggerInfo.vue";
+import MyTransition from "@theme/components/MyTransition.vue";
+export default Vue.extend({
+    name: "BlogInfo",
+    components: { BlogInfoList, BloggerInfo, MyTransition },
+});
+//# sourceMappingURL=BlogInfo.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/BlogInfo.js.map

+{"version":3,"file":"BlogInfo.js","sourceRoot":"","sources":["BlogInfo.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAE9D,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,UAAU;IAEhB,UAAU,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE;CACxD,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/BlogInfo.vue

+<template>
+  <aside class="blog-info-wrapper">
+    <MyTransition>
+      <BloggerInfo />
+    </MyTransition>
+
+    <MyTransition :delay="0.04">
+      <BlogInfoList />
+    </MyTransition>
+  </aside>
+</template>
+
+<script src="./BlogInfo" />
+
+<style lang="stylus">
+.blog-info-wrapper
+  .sidebar &
+    .blogger-info
+      display none
+
+  .page &
+    position sticky
+    box-sizing border-box
+    top ($navbarHeight + 1rem)
+    flex 0 0 300px
+    height auto
+    margin-bottom 12px
+    transition all 0.3s
+
+    @media (max-width $MQMobile)
+      display none
+
+    .blogger-info
+      margin-bottom 16px
+      padding 8px 0
+      border-radius 8px
+      box-shadow 0 1px 3px 0 var(--card-shadow-color)
+
+      &:hover
+        box-shadow 0 2px 6px 0 var(--card-shadow-color)
+</style>

docs/op-stack/src/.vuepress/theme/components/Blog/BlogInfoList.d.ts

+import ArticleIcon from "@theme/icons/ArticleIcon.vue";
+declare const _default: import("vue/types/vue").ExtendedVue<{
+    $starArticles: import("@mr-hope/vuepress-types").PageComputed[];
+} & Record<never, any> & ArticleIcon, {
+    active: string;
+}, {
+    setActive(name: string): void;
+    navigate(path: string): void;
+}, {
+    i18n: {
+        article: string;
+        articleList: string;
+        category: string;
+        tag: string;
+        timeline: string;
+        timelineText: string;
+        allText: string;
+        intro: string;
+        star: string;
+        slides: string;
+        encrypt: string;
+    };
+    articleNumber: number;
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/BlogInfoList.js

+import { getDefaultLocale } from "@mr-hope/vuepress-shared";
+import ArticleIcon from "@theme/icons/ArticleIcon.vue";
+import CategoryIcon from "@mr-hope/vuepress-plugin-comment/lib/client/icons/CategoryIcon.vue";
+import TagIcon from "@mr-hope/vuepress-plugin-comment/lib/client/icons/TagIcon.vue";
+import TimeIcon from "@mr-hope/vuepress-plugin-comment/lib/client/icons/TimeIcon.vue";
+import ArticleList from "@theme/components/Blog/ArticleList.vue";
+import CategoryList from "@theme/components/Blog/CategoryList.vue";
+import MyTransition from "@theme/components/MyTransition.vue";
+import TagList from "@theme/components/Blog/TagList.vue";
+import Timeline from "@theme/components/Blog/Timeline.vue";
+import TimelineList from "@theme/components/Blog/TimelineList.vue";
+import { filterArticle } from "@theme/utils/article";
+import { starMixin } from "@theme/mixins/star";
+export default starMixin.extend({
+    name: "BlogInfo",
+    components: {
+        ArticleIcon,
+        ArticleList,
+        CategoryIcon,
+        CategoryList,
+        MyTransition,
+        TagIcon,
+        TagList,
+        TimeIcon,
+        Timeline,
+        TimelineList,
+    },
+    data: () => ({
+        active: "category",
+    }),
+    computed: {
+        i18n() {
+            return this.$themeLocaleConfig.blog || getDefaultLocale().blog;
+        },
+        articleNumber() {
+            return filterArticle(this.$site.pages).length;
+        },
+    },
+    methods: {
+        setActive(name) {
+            this.active = name;
+        },
+        navigate(path) {
+            if (this.$route.path !== path)
+                void this.$router.push(path);
+        },
+    },
+});
+//# sourceMappingURL=BlogInfoList.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/BlogInfoList.js.map

+{"version":3,"file":"BlogInfoList.js","sourceRoot":"","sources":["BlogInfoList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,YAAY,MAAM,oEAAoE,CAAC;AAC9F,OAAO,OAAO,MAAM,+DAA+D,CAAC;AACpF,OAAO,QAAQ,MAAM,gEAAgE,CAAC;AACtF,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,OAAO,MAAM,oCAAoC,CAAC;AACzD,OAAO,QAAQ,MAAM,qCAAqC,CAAC;AAC3D,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI/C,eAAe,SAAS,CAAC,MAAM,CAAC;IAC9B,IAAI,EAAE,UAAU;IAEhB,UAAU,EAAE;QACV,WAAW;QACX,WAAW;QACX,YAAY;QACZ,YAAY;QACZ,YAAY;QACZ,OAAO;QACP,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,YAAY;KACb;IAED,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;QACX,MAAM,EAAE,UAAU;KACnB,CAAC;IAEF,QAAQ,EAAE;QACR,IAAI;YACF,OAAO,IAAI,CAAC,kBAAkB,CAAC,IAAI,IAAI,gBAAgB,EAAE,CAAC,IAAI,CAAC;QACjE,CAAC;QAED,aAAa;YACX,OAAO,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;QAChD,CAAC;KACF;IAED,OAAO,EAAE;QACP,SAAS,CAAC,IAAY;YACpB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACrB,CAAC;QAED,QAAQ,CAAC,IAAY;YACnB,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI;gBAAE,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9D,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/BlogInfoList.vue

+<template>
+  <div class="blog-info-list">
+    <div class="switch-wrapper">
+      <button class="switch-button" @click="setActive('article')">
+        <div
+          class="icon-wapper"
+          :class="{ active: active === 'article' }"
+          :aria-label="i18n.article"
+          data-balloon-pos="up"
+        >
+          <ArticleIcon />
+        </div>
+      </button>
+      <button class="switch-button" @click="setActive('category')">
+        <div
+          class="icon-wapper"
+          :class="{ active: active === 'category' }"
+          :aria-label="i18n.category"
+          data-balloon-pos="up"
+        >
+          <CategoryIcon />
+        </div>
+      </button>
+      <button class="switch-button" @click="setActive('tag')">
+        <div
+          class="icon-wapper"
+          :class="{ active: active === 'tag' }"
+          :aria-label="i18n.tag"
+          data-balloon-pos="up"
+        >
+          <TagIcon />
+        </div>
+      </button>
+      <button class="switch-button" @click="setActive('timeline')">
+        <div
+          class="icon-wapper"
+          :class="{ active: active === 'timeline' }"
+          :aria-label="i18n.timeline"
+          data-balloon-pos="up"
+        >
+          <TimeIcon />
+        </div>
+      </button>
+    </div>
+
+    <!-- Article -->
+    <MyTransition v-if="active === 'article'">
+      <div class="sticky-article-wrapper">
+        <div class="title" @click="navigate('/article/')">
+          <ArticleIcon />
+          <span class="num">{{ articleNumber }}</span>
+          {{ i18n.article }}
+        </div>
+        <hr />
+        <ul class="sticky-article-list">
+          <MyTransition
+            v-for="(article, index) in $starArticles"
+            :key="article.path"
+            :delay="(index + 1) * 0.08"
+          >
+            <li
+              class="sticky-article"
+              @click="navigate(article.path)"
+              v-text="article.title"
+            />
+          </MyTransition>
+        </ul>
+      </div>
+    </MyTransition>
+
+    <!-- Category -->
+    <MyTransition v-if="active === 'category'">
+      <div class="category-wrapper">
+        <div
+          v-if="$category.list.length !== 0"
+          class="title"
+          @click="navigate('/category/')"
+        >
+          <CategoryIcon />
+          <span class="num">{{ $category.list.length }}</span>
+          {{ i18n.category }}
+        </div>
+        <hr />
+        <MyTransition :delay="0.04">
+          <CategoryList />
+        </MyTransition>
+      </div>
+    </MyTransition>
+
+    <!-- Tags -->
+    <MyTransition v-if="active === 'tag'">
+      <div class="tag-wrapper">
+        <div
+          v-if="$tag.list.length !== 0"
+          class="title"
+          @click="navigate('/tag/')"
+        >
+          <TagIcon />
+          <span class="num">{{ $tag.list.length }}</span>
+          {{ i18n.tag }}
+        </div>
+        <hr />
+        <MyTransition :delay="0.04">
+          <TagList />
+        </MyTransition>
+      </div>
+    </MyTransition>
+
+    <!-- Timeline -->
+    <MyTransition v-if="active === 'timeline'">
+      <TimelineList />
+    </MyTransition>
+  </div>
+</template>
+<script src="./BlogInfoList" />
+<style lang="stylus">
+@require '~@mr-hope/vuepress-shared/styles/reset'
+
+.blog-info-list
+  margin 8px auto
+  padding 8px 16px
+
+  .page &
+    background var(--bgcolor)
+    border-radius 6px
+    box-shadow 0 1px 3px 0 var(--card-shadow-color)
+
+    &:hover
+      box-shadow 0 2px 6px 0 var(--card-shadow-color)
+
+  .switch-wrapper
+    display flex
+    justify-content center
+    margin-bottom 8px
+
+    .switch-button
+      button()
+      width 44px
+      height 44px
+      margin 0 8px
+      padding 4px
+      color var(--grey3)
+
+      &:focus
+        outline none
+
+      .icon-wapper
+        width 20px
+        height 20px
+        padding 8px
+        border-radius 50%
+        background rgba(127, 127, 127, 0.15)
+
+        .theme-dark &
+          background rgba(255, 255, 255, 0.15)
+
+        &:hover
+          cursor pointer
+
+        &.active
+          .theme-light &
+            background var(--accent-color-l10)
+
+          .theme-dark &
+            background var(--accent-color-d10)
+
+        .icon
+          width 100%
+          height 100%
+
+  .sticky-article-wrapper, .category-wrapper, .tag-wrapper
+    padding 8px 0
+
+    .title
+      cursor pointer
+
+      .icon
+        position relative
+        bottom -0.125rem
+        width 16px
+        height 16px
+        margin 0 6px
+
+      .num
+        position relative
+        margin 0 2px
+        font-size 22px
+
+  .sticky-article-wrapper
+    .sticky-article-list
+      margin 8px auto
+
+      .sticky-article
+        padding 12px 8px 4px
+        border-bottom 1px dashed var(--grey14)
+
+        &:hover
+          cursor pointer
+          color var(--accent-color)
+
+  .category-wrapper
+    .category-list-wrapper
+      margin 8px auto
+
+  .tag-wrapper
+    .tag-list-wrapper
+      margin 8px auto
+
+  .page &
+    .timeline-list-wrapper
+      .content
+        max-height 60vh
+</style>

docs/op-stack/src/.vuepress/theme/components/Blog/BlogPage.d.ts

+import Vue from "vue";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, {
+    showArticles: boolean;
+    componentName: string;
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/BlogPage.js

+import Vue from "vue";
+import ArticleList from "@theme/components/Blog/ArticleList.vue";
+import ArticleType from "@theme/components/Blog/ArticleType.vue";
+import BlogInfo from "@BlogInfo";
+import CategoryList from "@theme/components/Blog/CategoryList.vue";
+import MyTransition from "@theme/components/MyTransition.vue";
+import TagList from "@theme/components/Blog/TagList.vue";
+import Timeline from "@theme/components/Blog/Timeline.vue";
+import TimelineList from "@theme/components/Blog/TimelineList.vue";
+export default Vue.extend({
+    name: "BlogPage",
+    components: {
+        ArticleList,
+        ArticleType,
+        BlogInfo,
+        CategoryList,
+        MyTransition,
+        TagList,
+        Timeline,
+        TimelineList,
+    },
+    computed: {
+        showArticles() {
+            const { path } = this.$route;
+            return !path.includes("/timeline");
+        },
+        componentName() {
+            const pathName = this.$route.path.split("/")[1];
+            if (["category", "tag"].includes(pathName))
+                return `${pathName}List`;
+            else if (pathName === "timeline")
+                return pathName;
+            return "articleType";
+        },
+    },
+});
+//# sourceMappingURL=BlogPage.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/BlogPage.js.map

+{"version":3,"file":"BlogPage.js","sourceRoot":"","sources":["BlogPage.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,OAAO,MAAM,oCAAoC,CAAC;AACzD,OAAO,QAAQ,MAAM,qCAAqC,CAAC;AAC3D,OAAO,YAAY,MAAM,yCAAyC,CAAC;AAEnE,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,UAAU;IAEhB,UAAU,EAAE;QACV,WAAW;QACX,WAAW;QACX,QAAQ;QACR,YAAY;QACZ,YAAY;QACZ,OAAO;QACP,QAAQ;QACR,YAAY;KACb;IAED,QAAQ,EAAE;QACR,YAAY;YACV,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;YAE7B,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QACrC,CAAC;QAED,aAAa;YACX,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAEhD,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBAAE,OAAO,GAAG,QAAQ,MAAM,CAAC;iBAChE,IAAI,QAAQ,KAAK,UAAU;gBAAE,OAAO,QAAQ,CAAC;YAElD,OAAO,aAAa,CAAC;QACvB,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/BlogPage.vue

+<template>
+  <main class="blog-page">
+    <MyTransition>
+      <component :is="componentName" v-if="componentName" />
+    </MyTransition>
+
+    <MyTransition :delay="0.24">
+      <ArticleList v-if="showArticles" :key="$route.path" />
+    </MyTransition>
+  </main>
+</template>
+
+<script src="./BlogPage" />
+
+<style lang="stylus">
+.blog-page
+  max-width 780px
+  flex 1
+
+  @media (min-width $MQMobile)
+    margin 0 15px
+
+  .article-title
+    font-size 1.8rem
+    margin 10px 15px
+</style>

docs/op-stack/src/.vuepress/theme/components/Blog/BloggerInfo.d.ts

+import MediaLinks from "@theme/components/MediaLinks.vue";
+import type { BlogOptions } from "@theme/types";
+declare const _default: import("vue/types/vue").ExtendedVue<{
+    $timelineItems: import("@mr-hope/vuepress-types").PageComputed[];
+    $timeline: import("@theme/mixins/timeline").TimelineItem[];
+} & Record<never, any> & MediaLinks, unknown, {
+    navigate(url: string): void;
+    jumpIntro(): void;
+}, {
+    blogConfig: BlogOptions;
+    bloggerName: string;
+    bloggerAvatar: string;
+    hasIntro: boolean;
+    hintAttr: string;
+    i18n: {
+        article: string;
+        articleList: string;
+        category: string;
+        tag: string;
+        timeline: string;
+        timelineText: string;
+        allText: string;
+        intro: string;
+        star: string;
+        slides: string;
+        encrypt: string;
+    };
+    articleNumber: number;
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/BloggerInfo.js

+import { getDefaultLocale } from "@mr-hope/vuepress-shared";
+import MediaLinks from "@theme/components/MediaLinks.vue";
+import { timelineMixin } from "@theme/mixins/timeline";
+import { filterArticle } from "@theme/utils/article";
+import { navigate } from "@theme/utils/navigate";
+export default timelineMixin.extend({
+    name: "BloggerInfo",
+    components: { MediaLinks },
+    computed: {
+        blogConfig() {
+            return this.$themeConfig.blog || {};
+        },
+        bloggerName() {
+            return (this.blogConfig.name ||
+                this.$themeConfig.author ||
+                this.$site.title ||
+                "");
+        },
+        bloggerAvatar() {
+            return this.blogConfig.avatar || this.$themeConfig.logo || "";
+        },
+        hasIntro() {
+            return Boolean(this.blogConfig.intro);
+        },
+        hintAttr() {
+            return this.hasIntro ? "aria-label" : "";
+        },
+        i18n() {
+            return this.$themeLocaleConfig.blog || getDefaultLocale().blog;
+        },
+        articleNumber() {
+            return filterArticle(this.$site.pages).length;
+        },
+    },
+    methods: {
+        navigate(url) {
+            navigate(url, this.$router, this.$route);
+        },
+        jumpIntro() {
+            if (this.hasIntro)
+                navigate(this.blogConfig.intro, this.$router, this.$route);
+        },
+    },
+});
+//# sourceMappingURL=BloggerInfo.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/BloggerInfo.js.map

+{"version":3,"file":"BloggerInfo.js","sourceRoot":"","sources":["BloggerInfo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,UAAU,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKjD,eAAe,aAAa,CAAC,MAAM,CAAC;IAClC,IAAI,EAAE,aAAa;IAEnB,UAAU,EAAE,EAAE,UAAU,EAAE;IAE1B,QAAQ,EAAE;QACR,UAAU;YACR,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,EAAE,CAAC;QACtC,CAAC;QAED,WAAW;YACT,OAAO,CACL,IAAI,CAAC,UAAU,CAAC,IAAI;gBACpB,IAAI,CAAC,YAAY,CAAC,MAAM;gBACxB,IAAI,CAAC,KAAK,CAAC,KAAK;gBAChB,EAAE,CACH,CAAC;QACJ,CAAC;QAED,aAAa;YACX,OAAO,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,EAAE,CAAC;QAChE,CAAC;QAED,QAAQ;YACN,OAAO,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;QAED,QAAQ;YACN,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3C,CAAC;QAED,IAAI;YACF,OAAO,IAAI,CAAC,kBAAkB,CAAC,IAAI,IAAI,gBAAgB,EAAE,CAAC,IAAI,CAAC;QACjE,CAAC;QAED,aAAa;YACX,OAAO,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;QAChD,CAAC;KACF;IAED,OAAO,EAAE;QACP,QAAQ,CAAC,GAAW;YAClB,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3C,CAAC;QAED,SAAS;YACP,IAAI,IAAI,CAAC,QAAQ;gBACf,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,KAAe,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACzE,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/BloggerInfo.vue

+<template>
+  <div class="blogger-info" vocab="https://schema.org/" typeof="Person">
+    <div
+      class="blogger"
+      :class="{ hasIntro }"
+      :[hintAttr]="hasIntro ? i18n.intro : ''"
+      :data-balloon-pos="hasIntro ? 'down' : ''"
+      role="navigation"
+      @click="jumpIntro"
+    >
+      <img
+        v-if="bloggerAvatar"
+        class="avatar"
+        :class="{ round: blogConfig.roundAvatar !== false }"
+        property="image"
+        alt="Blogger Avatar"
+        :src="$withBase(bloggerAvatar)"
+      />
+      <div
+        v-if="bloggerName"
+        class="name"
+        property="name"
+        v-text="bloggerName"
+      />
+      <meta
+        v-if="hasIntro"
+        property="url"
+        :content="$withBase(blogConfig.intro)"
+      />
+    </div>
+    <div class="num-wrapper">
+      <div @click="navigate('/article/')">
+        <div class="num">{{ articleNumber }}</div>
+        <div>{{ i18n.article }}</div>
+      </div>
+      <div @click="navigate('/category/')">
+        <div class="num">{{ $category.list.length }}</div>
+        <div>{{ i18n.category }}</div>
+      </div>
+      <div @click="navigate('/tag/')">
+        <div class="num">{{ $tag.list.length }}</div>
+        <div>{{ i18n.tag }}</div>
+      </div>
+      <div @click="navigate('/timeline/')">
+        <div class="num">{{ $timelineItems.length }}</div>
+        <div>{{ i18n.timeline }}</div>
+      </div>
+    </div>
+    <MediaLinks />
+  </div>
+</template>
+
+<script src="./BloggerInfo" />
+
+<style lang="stylus">
+.blogger-info
+  .page &
+    background var(--bgcolor)
+
+  .blogger
+    padding 8px 0
+    text-align center
+
+    &.hasIntro
+      cursor pointer
+
+    .avatar
+      width 128px
+      height 128px
+      margin 0 auto
+
+      &.round
+        border-radius 50%
+
+    .name
+      margin 16px auto
+      font-size 22px
+
+  .num-wrapper
+    display flex
+    margin 0 auto 16px
+    width 80%
+
+    > div
+      width 25%
+      text-align center
+      font-size 13px
+      cursor pointer
+
+      &:hover
+        color var(--accent-color)
+
+      .num
+        position relative
+        margin-bottom 8px
+        font-weight 600
+        font-size 20px
+</style>

docs/op-stack/src/.vuepress/theme/components/Blog/CategoryList.d.ts

+import Vue from "vue";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    capitalize: (word: string) => string;
+    clickCategory(path: string): void;
+}, unknown, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/CategoryList.js

+import Vue from "vue";
+import { capitalize } from "@mr-hope/vuepress-shared";
+import { navigate } from "@theme/utils/navigate";
+export default Vue.extend({
+    name: "CategoryList",
+    methods: {
+        capitalize,
+        clickCategory(path) {
+            navigate(path, this.$router, this.$route);
+        },
+    },
+});
+//# sourceMappingURL=CategoryList.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/CategoryList.js.map

+{"version":3,"file":"CategoryList.js","sourceRoot":"","sources":["CategoryList.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,cAAc;IAEpB,OAAO,EAAE;QACP,UAAU;QAEV,aAAa,CAAC,IAAY;YACxB,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/CategoryList.vue

+<template>
+  <ul class="category-list-wrapper">
+    <li
+      v-for="(category, index) in $category.list"
+      :key="category.path"
+      class="category"
+      :class="{
+        active: category.path === $route.path,
+        [`category${index % 9}`]: true,
+      }"
+      @click="clickCategory(category.path)"
+    >
+      {{ capitalize(category.name) }}
+      <span class="category-num">{{ category.pages.length }}</span>
+    </li>
+  </ul>
+</template>
+
+<script src="./CategoryList" />
+
+<style lang="stylus">
+$categoryListTextSize ?= 14px
+
+.category-list-wrapper
+  position relative
+  z-index 2
+  padding-left 0
+  font-size $categoryListTextSize
+  font-family Arial, Helvetica, sans-serif
+  list-style none
+
+  .category
+    display inline-block
+    vertical-align middle
+    margin 0.3rem 0.6rem 0.8rem
+    padding 0.4rem 0.8rem
+    border-radius 0.25rem
+    box-shadow 0 1px 4px 0 var(--card-shadow-color)
+    color var(--dark-grey)
+    cursor pointer
+    overflow hidden
+    transition background-color 0.3s, color 0.3s
+
+    @media (max-width $MQMobileNarrow)
+      font-size 0.9rem
+
+    .category-num
+      display inline-block
+      min-width 1rem
+      height 1.2rem
+      margin-left 0.2em
+      padding 0 0.1rem
+      border-radius 0.6rem
+      color var(--white)
+      font-family sans-serif
+      font-size 0.7rem
+      line-height 1.2rem
+      text-align center
+
+@require '~@mr-hope/vuepress-shared/styles/colors.styl'
+
+for $color, $index in $colors
+  .category-list-wrapper .category{$index}
+    &, .theme-light &
+      background lighten($color, 90%)
+
+      &:hover
+        background lighten($color, 75%)
+
+      &.active
+        background var(--accent-color)
+        color var(--white)
+
+        .category-num
+          color var(--accent-color)
+          background var(--bgcolor-light)
+
+    .theme-dark &
+      background darken($color, 75%)
+
+      &:hover
+        background darken($color, 60%)
+
+      &.active
+        background var(--accent-color-d10)
+        color var(--white)
+
+    .category-num
+      background $color
+</style>

docs/op-stack/src/.vuepress/theme/components/Blog/ProjectList.d.ts

+import Vue from "vue";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    navigate(link: string): void;
+}, unknown, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/ProjectList.js

+import Vue from "vue";
+import ArticleIcon from "@theme/icons/ArticleIcon.vue";
+import BookIcon from "@theme/icons/BookIcon.vue";
+import LinkIcon from "@theme/icons/LinkIcon.vue";
+import ProjectIcon from "@theme/icons/ProjectIcon.vue";
+import { navigate } from "@theme/utils/navigate";
+export default Vue.extend({
+    name: "ProjectList",
+    components: { ArticleIcon, BookIcon, LinkIcon, ProjectIcon },
+    methods: {
+        navigate(link) {
+            navigate(link, this.$router, this.$route);
+        },
+    },
+});
+//# sourceMappingURL=ProjectList.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/ProjectList.js.map

+{"version":3,"file":"ProjectList.js","sourceRoot":"","sources":["ProjectList.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,aAAa;IAEnB,UAAU,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE;IAE5D,OAAO,EAAE;QACP,QAAQ,CAAC,IAAY;YACnB,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/ProjectList.vue

+<template>
+  <div class="project-list">
+    <div
+      v-for="(project, index) in $frontmatter.project || []"
+      :key="project.name"
+      class="project"
+      :class="`project${index % 9}`"
+      @click="navigate(project.link)"
+    >
+      <div
+        v-if="project.cover"
+        class="cover"
+        :style="`background: url(${$withBase(
+          project.cover
+        )}) center/cover no-repeat;`"
+      />
+      <component :is="`${project.type}-icon`" />
+      <div class="name">{{ project.name }}</div>
+      <div class="desc">{{ project.desc }}</div>
+    </div>
+  </div>
+</template>
+
+<script src="./ProjectList" />
+
+<style lang="stylus">
+.project-list
+  position relative
+  display flex
+  justify-content flex-start
+  align-content stretch
+  align-items stretch
+  flex-wrap wrap
+  font-family sans-serif
+  margin-bottom 12px
+  z-index 2
+
+  .project
+    position relative
+    width calc(50% - 40px)
+    background-color var(--grey14)
+    border-radius 8px
+    margin 6px 8px
+    padding 12px
+    transition background-color 0.3s, transform 0.3s
+
+    @media (min-width $MQNarrow)
+      width calc(33% - 40px)
+
+    @media (min-width $MQWide)
+      width calc(25% - 40px)
+
+    &:hover
+      cursor pointer
+      transform scale(0.98, 0.98)
+
+    .cover
+      content ''
+      opacity 0.5
+      top 0
+      left 0
+      bottom 0
+      right 0
+      position absolute
+      z-index 1
+
+    .icon
+      position relative
+      z-index 2
+      float right
+      width 20px
+      height 20px
+
+    .name
+      position relative
+      z-index 2
+      color var(--grey3)
+      font-size 16px
+      font-weight 500
+
+    .desc
+      position relative
+      z-index 2
+      margin 6px 0
+      color var(--dark-grey)
+      font-size 13px
+
+@require '~@mr-hope/vuepress-shared/styles/colors.styl'
+
+for $color, $index in $colors
+  .project-list .project{$index}
+    &, .theme-light &
+      background lighten($color, 90%)
+
+      &:hover
+        background lighten($color, 75%)
+
+    .theme-dark &
+      background darken($color, 75%)
+
+      &:hover
+        background darken($color, 60%)
+</style>

docs/op-stack/src/.vuepress/theme/components/Blog/TagList.d.ts

+import Vue from "vue";
+interface TagOption {
+    name: string;
+    path: string;
+}
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    isActive(name: string): boolean;
+    clickTag(path: string): void;
+}, {
+    tagList: TagOption[];
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/TagList.js

+import Vue from "vue";
+import { getDefaultLocale } from "@mr-hope/vuepress-shared";
+import { navigate } from "@theme/utils/navigate";
+export default Vue.extend({
+    name: "TagList",
+    computed: {
+        tagList() {
+            return [
+                {
+                    name: 
+                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                    this.$themeLocaleConfig.blog.allText ||
+                        getDefaultLocale().blog.allText,
+                    path: "/tag/",
+                },
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+                ...this.$tag.list,
+            ];
+        },
+    },
+    methods: {
+        isActive(name) {
+            return (name ===
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+                ((this.$currentTag && this.$currentTag.key) ||
+                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                    this.$themeLocaleConfig.blog.allText ||
+                    getDefaultLocale().blog.allText));
+        },
+        clickTag(path) {
+            navigate(path, this.$router, this.$route);
+        },
+    },
+});
+//# sourceMappingURL=TagList.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/TagList.js.map

+{"version":3,"file":"TagList.js","sourceRoot":"","sources":["TagList.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAOjD,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,SAAS;IAEf,QAAQ,EAAE;QACR,OAAO;YACL,OAAO;gBACL;oBACE,IAAI;oBACF,oEAAoE;oBACpE,IAAI,CAAC,kBAAkB,CAAC,IAAK,CAAC,OAAO;wBACrC,gBAAgB,EAAE,CAAC,IAAI,CAAC,OAAO;oBACjC,IAAI,EAAE,OAAO;iBACd;gBACD,sEAAsE;gBACtE,GAAI,IAAI,CAAC,IAAI,CAAC,IAAoB;aACnC,CAAC;QACJ,CAAC;KACF;IAED,OAAO,EAAE;QACP,QAAQ,CAAC,IAAY;YACnB,OAAO,CACL,IAAI;gBACJ,sEAAsE;gBACtE,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;oBACzC,oEAAoE;oBACpE,IAAI,CAAC,kBAAkB,CAAC,IAAK,CAAC,OAAO;oBACrC,gBAAgB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CACnC,CAAC;QACJ,CAAC;QAED,QAAQ,CAAC,IAAY;YACnB,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/TagList.vue

+<template>
+  <ul class="tag-list-wrapper">
+    <li
+      v-for="(tag, index) in tagList"
+      :key="tag.path"
+      class="tag"
+      :class="{ active: isActive(tag.name), [`tag${index % 9}`]: true }"
+      @click="clickTag(tag.path)"
+    >
+      <div class="tag-name">{{ tag.name }}</div>
+    </li>
+  </ul>
+</template>
+
+<script src="./TagList" />
+
+<style lang="stylus">
+.tag-list-wrapper
+  position relative
+  z-index 2
+  padding-left 0
+  font-family Arial, Helvetica, sans-serif
+  list-style none
+  display flex
+  flex-wrap wrap
+  justify-content space-evenly
+
+  .tag
+    display inline-block
+    position relative
+    vertical-align middle
+    min-width 24px
+    margin 4px 6px
+    padding 3px 8px
+    border-radius 8px
+    box-shadow 0 1px 6px 0 var(--box-shadow-color)
+    color var(--white)
+    font-size 12px
+    text-align center
+    overflow hidden
+    cursor pointer
+    transition background-color 0.3s, transform 0.3s
+
+    &:hover
+      cursor pointer
+
+    &.active
+      transform scale(1.1, 1.1)
+
+@require '~@mr-hope/vuepress-shared/styles/colors.styl'
+
+for $color, $index in $colors
+  .tag-list-wrapper .tag{$index}
+    .theme-light &, &
+      background lighten($color, 10%)
+
+      &:hover, &.active
+        background darken($color, 5%)
+
+    .theme-dark &
+      background darken($color, 5%)
+
+      &:hover, &.active
+        background lighten($color, 10%)
+</style>

docs/op-stack/src/.vuepress/theme/components/Blog/Timeline.d.ts

+import Anchor from "@theme/components/Anchor.vue";
+import type { SidebarHeader } from "@theme/utils/groupHeader";
+declare const _default: import("vue/types/vue").ExtendedVue<{
+    $timelineItems: import("@mr-hope/vuepress-types").PageComputed[];
+    $timeline: import("@theme/mixins/timeline").TimelineItem[];
+} & Record<never, any> & Anchor, unknown, {
+    navigate(url: string): void;
+}, {
+    hint: string;
+    anchorConfig: SidebarHeader[];
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/Timeline.js

+import Anchor from "@theme/components/Anchor.vue";
+import MyTransition from "@theme/components/MyTransition.vue";
+import { timelineMixin } from "@theme/mixins/timeline";
+import { getDefaultLocale } from "@mr-hope/vuepress-shared";
+export default timelineMixin.extend({
+    name: "Timeline",
+    components: { Anchor, MyTransition },
+    computed: {
+        hint() {
+            return ((this.$themeConfig.blog && this.$themeConfig.blog.timeline) ||
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                this.$themeLocaleConfig.blog.timelineText ||
+                getDefaultLocale().blog.timelineText);
+        },
+        anchorConfig() {
+            return this.$timeline.map((item) => ({
+                title: item.year.toString(),
+                level: 2,
+                slug: item.year.toString(),
+            }));
+        },
+    },
+    methods: {
+        navigate(url) {
+            void this.$router.push(url);
+        },
+    },
+});
+//# sourceMappingURL=Timeline.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/Timeline.js.map

+{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["Timeline.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAClD,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,eAAe,aAAa,CAAC,MAAM,CAAC;IAClC,IAAI,EAAE,UAAU;IAEhB,UAAU,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE;IAEpC,QAAQ,EAAE;QACR,IAAI;YACF,OAAO,CACL,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAC3D,oEAAoE;gBACpE,IAAI,CAAC,kBAAkB,CAAC,IAAK,CAAC,YAAY;gBAC1C,gBAAgB,EAAE,CAAC,IAAI,CAAC,YAAY,CACrC,CAAC;QACJ,CAAC;QAED,YAAY;YACV,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACnC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAC3B,KAAK,EAAE,CAAC;gBACR,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;aAC3B,CAAC,CAAC,CAAC;QACN,CAAC;KACF;IAED,OAAO,EAAE;QACP,QAAQ,CAAC,GAAW;YAClB,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC9B,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/Timeline.vue

+<template>
+  <div class="timeline-wrapper">
+    <ul class="timeline-content">
+      <MyTransition>
+        <li class="desc">{{ hint }}</li>
+      </MyTransition>
+      <Anchor :items="anchorConfig" />
+      <MyTransition
+        v-for="(item, index) in $timeline"
+        :key="index"
+        :delay="0.08 * (index + 1)"
+      >
+        <li>
+          <h3 :id="item.year" class="year">
+            <span>{{ item.year }}</span>
+          </h3>
+          <ul class="year-wrapper">
+            <li
+              v-for="(article, articleIndex) in item.articles"
+              :key="articleIndex"
+            >
+              <span class="date">{{ article.frontmatter.parsedDate }}</span>
+              <span class="title" @click="navigate(article.path)">
+                {{ article.title }}
+              </span>
+            </li>
+          </ul>
+        </li>
+      </MyTransition>
+    </ul>
+  </div>
+</template>
+
+<script src="./Timeline" />
+
+<style lang="stylus">
+.timeline-wrapper
+  max-width 740px
+  margin 0 auto
+  padding 40px 0
+  --dot-color #fff
+  --dot-bar-color #eaecef
+  --dot-border-color #ddd
+
+  .theme-dark &
+    --dot-color #444
+    --dot-bar-color #333
+    --dot-border-color #555
+
+  #anchor
+    left unset
+    right 0
+    min-width 0
+
+  .anchor-wrapper
+    position relative
+    z-index 10
+
+  .timeline-content
+    box-sizing border-box
+    position relative
+    padding-left 76px
+    list-style none
+
+    &::after
+      content ' '
+      position absolute
+      top 14px
+      left 64px
+      z-index -1
+      width 4px
+      height calc(100% - 38px)
+      margin-left -2px
+      background var(--dot-bar-color)
+
+    .desc
+      position relative
+      color var(--text-color)
+      font-size 18px
+
+      @media (min-width $MQNormal)
+        font-size 20px
+
+      &:before
+        content ' '
+        position absolute
+        z-index 2
+        left -12px
+        top 50%
+        width 8px
+        height 8px
+        margin-left -6px
+        margin-top -6px
+        background var(--dot-color)
+        border 2px solid var(--dot-border-color)
+        border-radius 50%
+
+    .year
+      margin-top 0.5rem - $navbarHeight
+      margin-bottom 0.5rem
+      padding-top: ($navbarHeight + 3rem)
+      color var(--text-color)
+      font-size 26px
+      font-weight 700
+
+      span
+        position relative
+
+        &:before
+          content ' '
+          position absolute
+          z-index 2
+          left -12px
+          top 50%
+          width 8px
+          height 8px
+          margin-left -6px
+          margin-top -6px
+          background var(--dot-color)
+          border 2px solid var(--dot-border-color)
+          border-radius 50%
+
+    .year-wrapper
+      padding-left 0 !important
+
+      li
+        position relative
+        display flex
+        padding 30px 0 10px
+        border-bottom 1px dashed var(--border-color)
+        list-style none
+
+        &:hover
+          cursor pointer
+
+          .date
+            font-size 16px
+            transition font-size 0.3s ease-out
+
+            &::before
+              background-color var(--bgcolor)
+              border-color var(--accent-color)
+
+          .title
+            color var(--accent-color)
+            font-size 18px
+            transition font-size 0.3s ease-out
+
+        .date
+          position absolute
+          right calc(100% + 24px)
+          text-align right
+          width 40px
+          font-size 14px
+          line-height 30px
+
+          &::before
+            content ' '
+            position absolute
+            z-index 2
+            right -16px
+            top 50%
+            width 6px
+            height 6px
+            margin-left -6px
+            margin-top -6px
+            background var(--dot-color)
+            border 2px solid var(--dot-border-color)
+            border-radius 50%
+
+        .title
+          position relative
+          font-size 16px
+          line-height 30px
+
+@media (max-width $MQMobile)
+  .timeline-wrapper
+    margin 0 1.2rem
+</style>
+D

docs/op-stack/src/.vuepress/theme/components/Blog/TimelineList.d.ts

+import MyTransition from "@theme/components/MyTransition.vue";
+declare const _default: import("vue/types/vue").ExtendedVue<{
+    $timelineItems: import("@mr-hope/vuepress-types").PageComputed[];
+    $timeline: import("@theme/mixins/timeline").TimelineItem[];
+} & Record<never, any> & MyTransition, unknown, {
+    navigate(url: string): void;
+}, {
+    hint: string;
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Blog/TimelineList.js

+import MyTransition from "@theme/components/MyTransition.vue";
+import TimeIcon from "@mr-hope/vuepress-plugin-comment/lib/client/icons/TimeIcon.vue";
+import { timelineMixin } from "@theme/mixins/timeline";
+import { getDefaultLocale } from "@mr-hope/vuepress-shared";
+export default timelineMixin.extend({
+    name: "TimelineList",
+    components: { MyTransition, TimeIcon },
+    computed: {
+        hint() {
+            return (
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            this.$themeLocaleConfig.blog.timeline ||
+                getDefaultLocale().blog.timeline);
+        },
+    },
+    methods: {
+        navigate(url) {
+            void this.$router.push(url);
+        },
+    },
+});
+//# sourceMappingURL=TimelineList.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/TimelineList.js.map

+{"version":3,"file":"TimelineList.js","sourceRoot":"","sources":["TimelineList.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,QAAQ,MAAM,gEAAgE,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,eAAe,aAAa,CAAC,MAAM,CAAC;IAClC,IAAI,EAAE,cAAc;IAEpB,UAAU,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE;IAEtC,QAAQ,EAAE;QACR,IAAI;YACF,OAAO;YACL,oEAAoE;YACpE,IAAI,CAAC,kBAAkB,CAAC,IAAK,CAAC,QAAQ;gBACtC,gBAAgB,EAAE,CAAC,IAAI,CAAC,QAAQ,CACjC,CAAC;QACJ,CAAC;KACF;IAED,OAAO,EAAE;QACP,QAAQ,CAAC,GAAW;YAClB,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC9B,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Blog/TimelineList.vue

+<template>
+  <div class="timeline-list-wrapper">
+    <div class="title" @click="navigate('/timeline/')">
+      <TimeIcon />
+      <span class="num">{{ $timelineItems.length }}</span>
+      {{ hint }}
+    </div>
+    <hr />
+    <div class="content">
+      <ul class="timeline-list">
+        <MyTransition
+          v-for="(item, index) in $timeline"
+          :key="index"
+          :delay="0.08 * (index + 1)"
+        >
+          <li>
+            <h3 class="year">{{ item.year }}</h3>
+            <ul class="year-wrapper">
+              <li
+                v-for="(article, articleIndex) in item.articles"
+                :key="articleIndex"
+              >
+                <span class="date">{{ article.frontmatter.parsedDate }}</span>
+                <span class="timeline-title" @click="navigate(article.path)">
+                  {{ article.title }}
+                </span>
+              </li>
+            </ul>
+          </li>
+        </MyTransition>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script src="./TimelineList" />
+
+<style lang="stylus">
+.timeline-list-wrapper
+  padding 8px 0
+  --dot-color #fff
+  --dot-bar-color #eaecef
+  --dot-border-color #ddd
+
+  .theme-dark &
+    --dot-color #444
+    --dot-bar-color #333
+    --dot-border-color #555
+
+  .title
+    cursor pointer
+
+    .icon
+      position relative
+      bottom -0.125rem
+      width 16px
+      height 16px
+      margin 0 6px
+
+    .num
+      position relative
+      margin 0 2px
+      font-size 22px
+
+  .content
+    overflow-y scroll
+    max-height 80vh
+
+    &::-webkit-scrollbar-track-piece
+      background transparent
+
+    .timeline-list
+      position relative
+      margin 0 8px
+      box-sizing border-box
+      list-style none
+
+      &::after
+        content ' '
+        position absolute
+        top 14px
+        left 0
+        z-index -1
+        margin-left -2px
+        width 4px
+        height calc(100% - 14px)
+        background var(--dot-bar-color)
+
+      .year
+        position relative
+        margin 20px 0 0px
+        color var(--text-color)
+        font-size 20px
+        font-weight 700
+
+        &:before
+          content ' '
+          position absolute
+          z-index 2
+          left -20px
+          top 50%
+          margin-left -4px
+          margin-top -4px
+          width 8px
+          height 8px
+          background var(--dot-color)
+          border 1px solid var(--dot-border-color)
+          border-radius 50%
+
+      .year-wrapper
+        padding-left 0 !important
+
+        li
+          position relative
+          display flex
+          padding 12px 0 4px
+          list-style none
+          border-bottom 1px dashed var(--border-color)
+
+          &:hover
+            .date
+              color var(--accent-color)
+
+              &::before
+                background var(--accent-color)
+                border-color var(--dot-color)
+
+            .title
+              color var(--accent-color)
+
+          .date
+            width 36px
+            line-height 32px
+            display inline-block
+            vertical-align bottom
+            font-size 12px
+
+            &::before
+              content ' '
+              position absolute
+              left -19px
+              top 24px
+              width 6px
+              height 6px
+              margin-left -4px
+              background var(--dot-color)
+              border-radius 50%
+              border 1px solid var(--dot-border-color)
+              z-index 2
+
+          .timeline-title
+            line-height 32px
+            font-size 14px
+            cursor pointer
+</style>

docs/op-stack/src/.vuepress/theme/components/Clipboard.d.ts

+import Vue from "vue";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, {
+    location: string;
+}, unknown, {
+    copyright: string;
+}, {
+    html: string;
+    lang: string;
+}>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Clipboard.js.map

+{"version":3,"file":"Clipboard.js","sourceRoot":"","sources":["Clipboard.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,WAAW;IAEjB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;QACnC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE;KACzC;IAED,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;QACX,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,QAAQ,EAAE;QACR,SAAS;YACP,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;YACrC,MAAM,OAAO,GAA2B;gBACtC,OAAO,EAAE,GAAG,IAAI,CAAC,IAAI,YACnB,MAAM,CAAC,CAAC,CAAC,OAAO,MAAM,OAAO,CAAC,CAAC,CAAC,EAClC,OAAO,IAAI,CAAC,QAAQ,EAAE;gBACtB,OAAO,EAAE,GAAG,IAAI,CAAC,IAAI,YACnB,MAAM,CAAC,CAAC,CAAC,gBAAgB,MAAM,KAAK,CAAC,CAAC,CAAC,EACzC,SAAS,IAAI,CAAC,QAAQ,EAAE;gBACxB,OAAO,EAAE,GAAG,IAAI,CAAC,IAAI,YACnB,MAAM,CAAC,CAAC,CAAC,iBAAiB,MAAM,KAAK,CAAC,CAAC,CAAC,EAC1C,aAAa,IAAI,CAAC,QAAQ,EAAE;aAC7B,CAAC;YAEF,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;KACF;IAED,OAAO;QACL,IAAI,OAAO,MAAM,KAAK,WAAW;YAC/B,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;IAC/C,CAAC;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Common.d.ts

+import Navbar from "@theme/components/Navbar/Navbar.vue";
+import type { SidebarItem, SidebarHeader } from "@theme/utils/sidebar";
+declare const _default: import("vue/types/vue").ExtendedVue<{
+    globalEncryptPassword: string;
+} & {
+    checkGlobalPassword(globalPassword: string): void;
+} & {
+    isGlobalEncrypted: boolean;
+} & Record<never, any> & {
+    encryptOptions: import("../types").EncryptOptions;
+} & Navbar, {
+    isSidebarOpen: boolean;
+    hideNavbar: boolean;
+    touchStart: {
+        clientX: number;
+        clientY: number;
+    };
+}, {
+    /** Get scroll distance */
+    getScrollTop(): number;
+    toggleSidebar(to: boolean): void;
+    onTouchStart(event: TouchEvent): void;
+    onTouchEnd(event: TouchEvent): void;
+    getHeader(items: SidebarItem[]): SidebarHeader[];
+}, {
+    enableNavbar: boolean;
+    enableSidebar: boolean;
+    sidebarItems: SidebarItem[];
+    pageClasses: unknown;
+    headers: SidebarHeader[];
+    enableAnchor: boolean;
+}, {
+    navbar: boolean;
+    sidebar: boolean;
+}>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Common.js

-import Vue from "vue";
 import { getSidebarItems } from "@theme/utils/sidebar";
+import { globalEncryptMixin } from "@theme/mixins/globalEncrypt";
 import Navbar from "@theme/components/Navbar/Navbar.vue";
+import PageFooter from "@theme/components/PageFooter.vue";
+import Password from "@theme/components/Password.vue";
 import Sidebar from "@theme/components/Sidebar/Sidebar.vue";
 import throttle from "lodash.throttle";
-export default Vue.extend({
+export default globalEncryptMixin.extend({
     name: "Common",
     components: {
         Navbar,
+        PageFooter,
+        Password,
         Sidebar,
     },
     props: {
@@ -131,4 +135,4 @@ export default Vue.extend({
         },
     },
 });
-//# sourceMappingURL=Common.js.map
+//# sourceMappingURL=Common.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Common.js.map

+{"version":3,"file":"Common.js","sourceRoot":"","sources":["Common.ts"],"names":[],"mappings":"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"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Common.vue

@@ -5,8 +5,9 @@
     @touchstart="onTouchStart"
     @touchend="onTouchEnd"
   >
+    <Password v-if="isGlobalEncrypted" @password-verify="checkGlobalPassword" />
     <!-- Content -->
-    <template>
+    <template v-else>
       <Navbar v-if="enableNavbar" @toggle-sidebar="toggleSidebar">
         <template #start>
           <slot name="navbar-start" />
@@ -34,6 +35,8 @@
       </Sidebar>
 
       <slot :sidebar-items="sidebarItems" :headers="headers" />
+
+      <PageFooter :key="$route.path" />
     </template>
   </div>
 </template>

docs/op-stack/src/.vuepress/theme/components/Home.d.ts

+import Vue from "vue";
+interface ActionConfig {
+    text: string;
+    link: string;
+}
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    navigate(link: string): void;
+}, {
+    actionLinks: ActionConfig[];
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Home.js.map

+{"version":3,"file":"Home.js","sourceRoot":"","sources":["Home.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,OAAO,MAAM,sCAAsC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAOjD,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM;IAEZ,UAAU,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE;IAErC,QAAQ,EAAE;QACR,WAAW;YACT,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;YACrC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;gBAAE,OAAO,MAAwB,CAAC;YAC3D,OAAO,CAAC,MAAM,CAAmB,CAAC;QACpC,CAAC;KACF;IAED,OAAO,EAAE;QACP,QAAQ,CAAC,IAAY;YACnB,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Home.vue

@@ -53,6 +53,7 @@
         </MyTransition>
       </div>
     </header>
+ 
 
     <MyTransition :delay="0.16">
       <div>

docs/op-stack/src/.vuepress/theme/components/MediaLinks.d.ts

+import Vue from "vue";
+import type { BlogMedia } from "@theme/types";
+interface MediaLink {
+    icon: string;
+    url: string;
+}
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, {
+    mediaLink: false | Partial<Record<BlogMedia, string>>;
+    links: MediaLink[];
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/MediaLinks.js

+import Vue from "vue";
+import Baidu from "@theme/icons/media/Baidu.vue";
+import Bitbucket from "@theme/icons/media/Bitbucket.vue";
+import Dingding from "@theme/icons/media/Dingding.vue";
+import Discord from "@theme/icons/media/Discord.vue";
+import Dribbble from "@theme/icons/media/Dribbble.vue";
+import Email from "@theme/icons/media/Email.vue";
+import Evernote from "@theme/icons/media/Evernote.vue";
+import Facebook from "@theme/icons/media/Facebook.vue";
+import Flipboard from "@theme/icons/media/Flipboard.vue";
+import Gitee from "@theme/icons/media/Gitee.vue";
+import Github from "@theme/icons/media/Github.vue";
+import Gitlab from "@theme/icons/media/Gitlab.vue";
+import Gmail from "@theme/icons/media/Gmail.vue";
+import Instagram from "@theme/icons/media/Instagram.vue";
+import Lines from "@theme/icons/media/Lines.vue";
+import Linkedin from "@theme/icons/media/Linkedin.vue";
+import Pinterest from "@theme/icons/media/Pinterest.vue";
+import Pocket from "@theme/icons/media/Pocket.vue";
+import QQ from "@theme/icons/media/QQ.vue";
+import Qzone from "@theme/icons/media/Qzone.vue";
+import Reddit from "@theme/icons/media/Reddit.vue";
+import Rss from "@theme/icons/media/Rss.vue";
+import Steam from "@theme/icons/media/Steam.vue";
+import Twitter from "@theme/icons/media/Twitter.vue";
+import Wechat from "@theme/icons/media/Wechat.vue";
+import Weibo from "@theme/icons/media/Weibo.vue";
+import Whatsapp from "@theme/icons/media/Whatsapp.vue";
+import Youtube from "@theme/icons/media/Youtube.vue";
+import Zhihu from "@theme/icons/media/Zhihu.vue";
+const medias = [
+    "Baidu",
+    "Bitbucket",
+    "Dingding",
+    "Discord",
+    "Dribbble",
+    "Email",
+    "Evernote",
+    "Facebook",
+    "Flipboard",
+    "Gitee",
+    "Github",
+    "Gitlab",
+    "Gmail",
+    "Instagram",
+    "Lines",
+    "Linkedin",
+    "Pinterest",
+    "Pocket",
+    "QQ",
+    "Qzone",
+    "Reddit",
+    "Rss",
+    "Steam",
+    "Twitter",
+    "Wechat",
+    "Weibo",
+    "Whatsapp",
+    "Youtube",
+    "Zhihu",
+];
+export default Vue.extend({
+    name: "MediaLinks",
+    components: {
+        Baidu,
+        Bitbucket,
+        Dingding,
+        Discord,
+        Dribbble,
+        Email,
+        Evernote,
+        Facebook,
+        Flipboard,
+        Gitee,
+        Github,
+        Gitlab,
+        Gmail,
+        Instagram,
+        Lines,
+        Linkedin,
+        Pinterest,
+        Pocket,
+        QQ,
+        Qzone,
+        Reddit,
+        Rss,
+        Steam,
+        Twitter,
+        Wechat,
+        Weibo,
+        Whatsapp,
+        Youtube,
+        Zhihu,
+    },
+    computed: {
+        mediaLink() {
+            const { medialink } = this.$frontmatter;
+            return medialink === false
+                ? false
+                : typeof medialink === "object"
+                    ? medialink
+                    : this.$themeConfig.blog
+                        ? this.$themeConfig.blog.links || false
+                        : false;
+        },
+        links() {
+            if (this.mediaLink) {
+                const links = [];
+                for (const media in this.mediaLink)
+                    if (medias.includes(media))
+                        links.push({
+                            icon: media,
+                            url: this.mediaLink[media],
+                        });
+                return links;
+            }
+            return [];
+        },
+    },
+});
+//# sourceMappingURL=MediaLinks.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/MediaLinks.js.map

+{"version":3,"file":"MediaLinks.js","sourceRoot":"","sources":["MediaLinks.ts"],"names":[],"mappings":"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"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/MediaLinks.vue

+<template>
+  <div v-if="mediaLink" class="media-links-wrapper">
+    <a
+      v-for="link in links"
+      :key="link.name"
+      class="media-link"
+      :href="link.url"
+      rel="noopener noreferrer"
+      target="_blank"
+      :aria-label="link.icon"
+      data-balloon-pos="up"
+    >
+      <span class="sr-only" v-text="link.icon" />
+      <Component :is="link.icon" />
+    </a>
+  </div>
+</template>
+
+<script src="./MediaLinks" />
+
+<style lang="stylus">
+.media-links-wrapper
+  display flex
+  justify-content center
+  flex-wrap wrap
+  margin 8px auto
+
+  .media-link
+    width 26px
+    height 26px
+    margin 4px
+    transform scale(1, 1)
+    transition transform 0.18s ease-out 0.18s
+
+    &:hover
+      cursor pointer
+      transform scale(1.2, 1.2)
+
+    &::after
+      --balloon-font-size 8px
+      padding 0.3em 0.6em
+
+    .icon
+      width 100%
+      height 100%
+</style>

docs/op-stack/src/.vuepress/theme/components/MyTransition.d.ts

+import Vue from "vue";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    setStyle(items: HTMLElement): void;
+    unsetStyle(items: HTMLElement): void;
+}, unknown, {
+    delay: number;
+    duration: number;
+}>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/MyTransition.js.map

+{"version":3,"file":"MyTransition.js","sourceRoot":"","sources":["MyTransition.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,cAAc;IAEpB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QACnC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;KAC1C;IAED,OAAO,EAAE;QACP,QAAQ,CAAC,KAAkB;YACzB,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,IAAI,CAAC,QAAQ,iBAAiB,IAAI,CAAC,KAAK,cAAc,IAAI,CAAC,QAAQ,iBAAiB,IAAI,CAAC,KAAK,GAAG,CAAC;YACxI,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAC;YAC5C,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QAC5B,CAAC;QAED,UAAU,CAAC,KAAkB;YAC3B,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,eAAe,CAAC;YACxC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QAC5B,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Navbar/DropdownLink.d.ts

+import Vue from "vue";
+import type { NavBarConfigItem } from "@theme/utils/navbar";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, {
+    open: boolean;
+}, {
+    setOpen(value: boolean): void;
+    handleDropdown(event: MouseEvent): void;
+    isLastItemOfArray(item: NavBarConfigItem, array: NavBarConfigItem[]): boolean;
+}, {
+    dropdownAriaLabel: string;
+    iconPrefix: string;
+}, {
+    item: NavBarConfigItem;
+}>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Navbar/DropdownLink.js.map

+{"version":3,"file":"DropdownLink.js","sourceRoot":"","sources":["DropdownLink.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,OAAO,MAAM,sCAAsC,CAAC;AAK3D,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,cAAc;IAEpB,UAAU,EAAE,EAAE,OAAO,EAAE;IAEvB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAoC,EAAE,QAAQ,EAAE,IAAI,EAAE;KACrE;IAED,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;QACX,IAAI,EAAE,KAAK;KACZ,CAAC;IAEF,QAAQ,EAAE;QACR,iBAAiB;YACf,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/C,CAAC;QAED,UAAU;YACR,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;YAEzC,OAAO,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,IAAI,OAAO,CAAC;QACxD,CAAC;KACF;IAED,KAAK,EAAE;QACL,MAAM;YACJ,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACpB,CAAC;KACF;IAED,OAAO,EAAE;QACP,OAAO,CAAC,KAAc;YACpB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACpB,CAAC;QAED,cAAc,CAAC,KAAiB;YAC9B,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;YAC1C,IAAI,cAAc;gBAAE,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,CAAC;QAED,iBAAiB,CACf,IAAsB,EACtB,KAAyB;YAEzB,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;gBAAE,OAAO,IAAI,KAAK,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAElE,OAAO,KAAK,CAAC;QACf,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Navbar/LanguageDropdown.d.ts

+import Vue from "vue";
+import type { NavBarConfigItem as ResovledNavbarConfigItem } from "@theme/utils/navbar";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, {
+    dropdown: false | ResovledNavbarConfigItem;
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Navbar/LanguageDropdown.js.map

+{"version":3,"file":"LanguageDropdown.js","sourceRoot":"","sources":["LanguageDropdown.ts"],"names":[],"mappings":"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"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Navbar/NavLink.d.ts

+import Vue from "vue";
+import type { NavBarConfigItem } from "@theme/utils/navbar";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    focusoutAction(): void;
+}, {
+    link: string;
+    iconPrefix: string;
+    active: boolean;
+    isNonHttpURI: boolean;
+    isBlankTarget: boolean;
+    isInternal: boolean;
+    target: string | null;
+    rel: string | null;
+}, {
+    item: NavBarConfigItem;
+}>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Navbar/NavLink.js.map

+{"version":3,"file":"NavLink.js","sourceRoot":"","sources":["NavLink.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK3E,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,SAAS;IAEf,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAoC,EAAE,QAAQ,EAAE,IAAI,EAAE;KACrE;IAED,QAAQ,EAAE;QACR,IAAI;YACF,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAc,CAAC,CAAC;QAC7C,CAAC;QAED,UAAU;YACR,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;YAEzC,OAAO,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,IAAI,OAAO,CAAC;QACxD,CAAC;QAED,MAAM;YACJ,oBAAoB;YACpB,IACE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO;gBACjB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAClC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,IAAI,CAAC,IAAI,CACrC,CAAC;gBACJ,IAAI,CAAC,IAAI,KAAK,GAAG;gBAEjB,cAAc;gBACd,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC;YAExC,kBAAkB;YAClB,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChD,CAAC;QAED,YAAY;YACV,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjD,CAAC;QAED,aAAa;YACX,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC;QAClC,CAAC;QAED,UAAU;YACR,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;QACvD,CAAC;QAED,MAAM;YACJ,IAAI,IAAI,CAAC,YAAY;gBAAE,OAAO,IAAI,CAAC;YAEnC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;YAE9C,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/C,CAAC;QAED,GAAG;YACD,IAAI,IAAI,CAAC,YAAY;gBAAE,OAAO,IAAI,CAAC;YACnC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,KAAK;gBAAE,OAAO,IAAI,CAAC;YACzC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG;gBAAE,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;YAExC,OAAO,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3D,CAAC;KACF;IAED,OAAO,EAAE;QACP,cAAc;YACZ,sDAAsD;YACtD,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACzB,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Navbar/NavLinks.d.ts

+import Vue from "vue";
+import type { NavBarConfigItem as ResovledNavbarConfigItem } from "@theme/utils/navbar";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, {
+    navLinks: ResovledNavbarConfigItem[];
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Navbar/NavLinks.js.map

+{"version":3,"file":"NavLinks.js","sourceRoot":"","sources":["NavLinks.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,YAAY,MAAM,2CAA2C,CAAC;AACrE,OAAO,OAAO,MAAM,sCAAsC,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAKrD,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,UAAU;IAEhB,UAAU,EAAE;QACV,YAAY;QACZ,OAAO;KACR;IAED,QAAQ,EAAE;QACR,QAAQ;YACN,MAAM,MAAM,GACV,IAAI,CAAC,kBAAkB,CAAC,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,EAAE,CAAC;YAE7D,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;QACpD,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Navbar/Navbar.d.ts

+import Vue from "vue";
+import type { AlgoliaOption } from "@mr-hope/vuepress-types";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, {
+    linksWrapMaxWidth: number;
+    isMobile: boolean;
+}, unknown, {
+    siteBrandTitle: string;
+    canHideSiteBrandTitle: boolean;
+    siteBrandLogo: string;
+    siteBrandDarkLogo: string;
+    algoliaConfig: false | AlgoliaOption;
+    isAlgoliaSearch: boolean;
+    canHide: boolean;
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Navbar/Navbar.js.map

+{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["Navbar.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AACjD,OAAO,gBAAgB,MAAM,2CAA2C,CAAC;AACzE,OAAO,QAAQ,MAAM,uCAAuC,CAAC;AAC7D,OAAO,QAAQ,MAAM,uCAAuC,CAAC;AAC7D,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,aAAa,MAAM,4CAA4C,CAAC;AACvE,OAAO,UAAU,MAAM,aAAa,CAAC;AAIrC,IAAI,OAAmB,CAAC;AAExB,MAAM,GAAG,GAAG,CACV,EAAW,EACX,QAQC,EACO,EAAE;IACV,+DAA+D;IAC/D,MAAM,MAAM,GAAG,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC;IAE5C,2CAA2C;IAC3C,oEAAoE;IACpE,OAAO,MAAO,CAAC,gBAAgB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAW,CAAC;AAChE,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,QAAQ;IAEd,UAAU,EAAE;QACV,gBAAgB;QAChB,gBAAgB;QAChB,QAAQ;QACR,QAAQ;QACR,SAAS;QACT,aAAa;QACb,UAAU;KACX;IAED,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;QACX,iBAAiB,EAAE,CAAC;QACpB,QAAQ,EAAE,KAAK;KAChB,CAAC;IAEF,QAAQ,EAAE;QACR,cAAc;YACZ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC1B,CAAC;QAED,qBAAqB;YACnB,OAAO,CACL,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC;gBAC5B,IAAI,CAAC,YAAY,CAAC,qBAAqB,KAAK,KAAK,CAClD,CAAC;QACJ,CAAC;QAED,aAAa;YACX,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;YAEnC,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1C,CAAC;QAED,iBAAiB;YACf,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;YAEvC,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAClD,CAAC;QAED,aAAa;YACX,OAAO,CACL,IAAI,CAAC,kBAAkB,CAAC,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,KAAK,CACtE,CAAC;QACJ,CAAC;QAED,eAAe;YACb,OAAO,OAAO,CACZ,IAAI,CAAC,aAAa;gBAChB,IAAI,CAAC,aAAa,CAAC,MAAM;gBACzB,IAAI,CAAC,aAAa,CAAC,SAAS,CAC/B,CAAC;QACJ,CAAC;QAED,OAAO;YACL,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;YAE/C,OAAO,QAAQ,KAAK,MAAM,IAAI,CAAC,QAAQ,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzE,CAAC;KACF;IAED,OAAO;QACL,uBAAuB;QACvB,MAAM,yBAAyB,GAAG,GAAG,CAAC;QACtC,MAAM,yBAAyB,GAC7B,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;YACtC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC;QAE1C,OAAO,GAAG,GAAS,EAAE;YACnB,IAAI,QAAQ,CAAC,eAAe,CAAC,WAAW,GAAG,yBAAyB,EAAE;gBACpE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACrB,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC;aAC5B;iBAAM;gBACL,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACtB,IAAI,CAAC,iBAAiB;oBACnB,IAAI,CAAC,GAAmB,CAAC,WAAW;wBACrC,yBAAyB;wBACzB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;4BAClB,IAAI,CAAC,KAAK,CAAC,QAAgB,CAAC,GAAG;4BAC9B,IAAI,CAAC,KAAK,CAAC,QAAgB,CAAC,GAAmB,CAAC,WAAW,CAAC;4BAC9D,CAAC,CAAC,CAAC;aACR;QACH,CAAC,CAAC;QAEF,OAAO,EAAE,CAAC;QACV,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC3C,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;IACxD,CAAC;IAED,iEAAiE;IACjE,aAAa;QACX,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC9C,MAAM,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;IAC3D,CAAC;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Navbar/RepoLink.d.ts

+import Vue from "vue";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, {
+    repoLink: string;
+    repoLabel: string;
+}, Record<never, any>>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Navbar/RepoLink.js.map

+{"version":3,"file":"RepoLink.js","sourceRoot":"","sources":["RepoLink.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,eAAe,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,UAAU;IAEhB,QAAQ,EAAE;QACR,QAAQ;YACN,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;YAEnC,IAAI,IAAI;gBACN,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,sBAAsB,IAAI,EAAE,CAAC;YAEtE,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,SAAS;YACP,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAAE,OAAO,EAAE,CAAC;YAC9B,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS;gBAAE,OAAO,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;YAEpE,MAAM,CAAC,QAAQ,CAAC,GAAG,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACpE,MAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;YAEpD,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACrD,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;gBAElC,IAAI,IAAI,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;oBAAE,OAAO,QAAQ,CAAC;aAChE;YAED,OAAO,QAAQ,CAAC;QAClB,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Page.d.ts

+import Anchor from "@theme/components/Anchor.vue";
+import type { PageHeader } from "@mr-hope/vuepress-types";
+import type { SidebarItem } from "@theme/utils/sidebar";
+declare const _default: import("vue/types/vue").ExtendedVue<{
+    encryptPasswordConfig: Record<string, string>;
+} & {
+    checkPathPassword(password: string): void;
+} & {
+    pathEncryptMatchKeys: string[];
+    isPathEncrypted: boolean;
+} & Record<never, any> & {
+    encryptOptions: import("../types").EncryptOptions;
+} & Anchor, {
+    password: string;
+}, unknown, {
+    pagePassword: string;
+    pageDescrypted: boolean;
+}, {
+    sidebarItems: SidebarItem[];
+    headers: PageHeader[];
+}>;
+export default _default;

docs/op-stack/src/.vuepress/theme/components/Page.js

-import Vue from "vue";
 import Anchor from "@theme/components/Anchor.vue";
 import Comment from "@Comment";
 import MyTransition from "@theme/components/MyTransition.vue";
 import PageInfo from "@mr-hope/vuepress-plugin-comment/lib/client/PageInfo.vue";
 import PageMeta from "@theme/components/PageMeta.vue";
 import PageNav from "@theme/components/PageNav.vue";
-export default Vue.extend({
+import Password from "@theme/components/Password.vue";
+import { pathEncryptMixin } from "@theme/mixins/pathEncrypt";
+export default pathEncryptMixin.extend({
     name: "Page",
     components: {
         Anchor,
@@ -14,6 +15,7 @@ export default Vue.extend({
         PageInfo,
         PageMeta,
         PageNav,
+        Password,
     },
     props: {
         sidebarItems: {
@@ -25,5 +27,21 @@ export default Vue.extend({
             default: () => [],
         },
     },
+    data: () => ({
+        password: "",
+    }),
+    computed: {
+        pagePassword() {
+            const { password } = this.$frontmatter;
+            return typeof password === "number"
+                ? password.toString()
+                : typeof password === "string"
+                    ? password
+                    : "";
+        },
+        pageDescrypted() {
+            return this.password === this.pagePassword;
+        },
+    },
 });
-//# sourceMappingURL=Page.js.map
+//# sourceMappingURL=Page.js.map
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Page.js.map

+{"version":3,"file":"Page.js","sourceRoot":"","sources":["Page.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAClD,OAAO,OAAO,MAAM,UAAU,CAAC;AAC/B,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,QAAQ,MAAM,0DAA0D,CAAC;AAChF,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AACtD,OAAO,OAAO,MAAM,+BAA+B,CAAC;AACpD,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAM7D,eAAe,gBAAgB,CAAC,MAAM,CAAC;IACrC,IAAI,EAAE,MAAM;IAEZ,UAAU,EAAE;QACV,MAAM;QACN,OAAO;QACP,YAAY;QACZ,QAAQ;QACR,QAAQ;QACR,OAAO;QACP,QAAQ;KACT;IAED,KAAK,EAAE;QACL,YAAY,EAAE;YACZ,IAAI,EAAE,KAAgC;YACtC,OAAO,EAAE,GAAkB,EAAE,CAAC,EAAE;SACjC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,KAA+B;YACrC,OAAO,EAAE,GAAiB,EAAE,CAAC,EAAE;SAChC;KACF;IAED,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;QACX,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,QAAQ,EAAE;QACR,YAAY;YACV,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;YAEvC,OAAO,OAAO,QAAQ,KAAK,QAAQ;gBACjC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE;gBACrB,CAAC,CAAC,OAAO,QAAQ,KAAK,QAAQ;oBAC9B,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,EAAE,CAAC;QACT,CAAC;QAED,cAAc;YACZ,OAAO,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,CAAC;QAC7C,CAAC;KACF;CACF,CAAC,CAAC"}
\ No newline at end of file

docs/op-stack/src/.vuepress/theme/components/Page.vue

 <template>
   <main class="page">
-    <BreadCrumb :key="$route.path" />
 
     <slot name="top" />
 
+    <BreadCrumb :key="$route.path" />
+
+
+
     <PageInfo :key="$route.path" />
 
-    <template>
+    <MyTransition v-if="pagePassword && !pageDescrypted" :delay="0.08" :disable="true">
+      <Password
+        :key="$route.path"
+        :page="true"
+        @password-verify="password = $event"
+      />
+    </MyTransition>
+
+    <MyTransition v-else-if="isPathEncrypted" :delay="0.08" :disable="true">
+      <Password
+        :key="$route.path"
+        :page="true"
+        @password-verify="checkPathPassword"
+      />
+    </MyTransition>
+
+    <template v-else>
       <MyTransition :delay="0.12" :disable="true">
         <Anchor :key="$route.path" />
       </MyTransition>
 
-      <slot name="content-top" />
+      <slot v-if="!pagePassword || pageDescrypted" name="content-top" />
 
-      <MyTransition :delay="0.08" :disable="true">
+      <MyTransition v-show="!pagePassword || pageDescrypted" :delay="0.08" :disable="true">
         <Content :key="$route.path" class="theme-default-content" />
       </MyTransition>
 
-      <slot name="content-bottom" />
+      <slot v-if="!pagePassword || pageDescrypted" name="content-bottom" />
 
       <MyTransition :delay="0.12" :disable="true">
         <PageMeta :key="$route.path" />
@@ -36,7 +55,7 @@
 
     <!-- Google tag (gtag.js) -->
     <!-- put here because the plugin didn't work -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-22HX148PZF">
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-9KLVB8X0ME">      
     </script>
 
     <script>
@@ -45,7 +64,6 @@
       gtag('js', new Date());
       gtag('config', 'G-9KLVB8X0ME');
     </script>
-
   </main>
 </template>
 

docs/op-stack/src/.vuepress/theme/components/PageFooter.d.ts

+import Vue from "vue";
+import type { HopeFooterConfig } from "../types";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, {
+    footerConfig: HopeFooterConfig;
+    enable: boolean;
+    footerContent: string | false;
+    copyright: string | false;
+}, Record<never, any>>;
+export default _default;