vitepress-theme-teek 1.4.2 → 1.4.4

package/es/components/common/index.mjs

@@ -1,13 +1,16 @@
-export { createImageViewer } from './ImageViewer/index.mjs';
 export { default as TkArticlePage } from './ArticlePage/src/index.vue2.mjs';
 export { default as TkDocAsideOutline } from './ArticlePage/src/components/DocAsideOutline.vue2.mjs';
 export { default as TkAvatar } from './Avatar/src/index.vue2.mjs';
 export { default as TkBreadcrumb } from './Breadcrumb/src/Breadcrumb.vue2.mjs';
 export { default as TkBreadcrumbItem } from './Breadcrumb/src/BreadcrumbItem.vue2.mjs';
+export { default as TkFocusTrap } from './FocusTrap/src/index.vue.mjs';
 export { default as TkIcon } from './Icon/src/index.vue2.mjs';
-export { default as TkImageViewer } from './ImageViewer/src/index.vue2.mjs';
+export { WhatsApp, bilibili, email, gitee, github, moblieQQ, music, telegram } from './Icon/src/SocialIcons.mjs';
+export { addCollection as addIcons } from '@iconify/vue';
+export { createImageViewer } from './ImageViewer/index.mjs';
 export { default as TkInputSlide } from './InputSlide/src/index.vue2.mjs';
 export { default as TkMessage } from './Message/src/method.mjs';
+export { getInstance, getLastOffset, getOffsetOrSpace, instances } from './Message/src/instance.mjs';
 export { default as TkPagination } from './Pagination/src/index.vue2.mjs';
 export { default as TkPopover } from './Popover/src/index.vue2.mjs';
 export { default as TkSegmented } from './Segmented/src/Segmented.vue2.mjs';
@@ -16,7 +19,4 @@ export { default as TkTitleTag } from './TitleTag/src/index.vue2.mjs';
 export { default as TkTransitionCollapse } from './TransitionCollapse/src/index.vue2.mjs';
 export { default as TkVerifyCode } from './VerifyCode/src/index.vue2.mjs';
 export { default as TkVpContainer } from './VpContainer/src/index.vue2.mjs';
-export { default as TkFocusTrap } from './FocusTrap/src/index.vue.mjs';
-export { addCollection as addIcons } from '@iconify/vue';
-export { WhatsApp, bilibili, email, gitee, github, moblieQQ, music, telegram } from './Icon/src/SocialIcons.mjs';
-export { getInstance, getLastOffset, getOffsetOrSpace, instances } from './Message/src/instance.mjs';
+export { default as TkImageViewer } from './ImageViewer/src/index.vue2.mjs';

package/es/components/theme/ArchivesPage/src/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, useTemplateRef, onMounted, resolveComponent, createBlock, openBlock, unref, normalizeClass, withCtx, renderSlot, createElementVNode, toDisplayString, createVNode, createElementBlock, Fragment, renderList } from 'vue';
+import { defineComponent, computed, ref, onMounted, resolveComponent, createBlock, openBlock, unref, normalizeClass, withCtx, renderSlot, createElementVNode, toDisplayString, createVNode, createElementBlock, Fragment, renderList } from 'vue';
 import { useData, withBase } from 'vitepress';
 import { useLocale } from '../../../../composables/useLocale.mjs';
 import { useNamespace } from '../../../../composables/useNamespace.mjs';
@@ -36,7 +36,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       };
     });
     const windowTransition = useWindowTransitionConfig((config) => config.archives);
-    const timelineItemListInstance = useTemplateRef("timelineItemListInstance");
+    const timelineItemListInstance = ref(null);
     const { start } = useWindowTransition(timelineItemListInstance, false);
     onMounted(() => {
       windowTransition.value && start();

package/es/components/theme/ArticleAnalyze/src/index.vue2.mjs

@@ -44,13 +44,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       author: getTeekConfig("author", {}),
       date: frontmatter.value.date,
       frontmatter: frontmatter.value,
-      url: ""
+      url: "",
+      relativePath: ""
     }));
     const docAnalysisInfo = computed(() => theme.value.docAnalysisInfo || {});
     const pageViewInfo = computed(() => {
       let pageViewInfo2 = {};
       docAnalysisInfo.value.eachFileWords?.forEach((item) => {
-        if (item.fileInfo.relativePath === router.route.data.relativePath) pageViewInfo2 = item;
+        if (item.fileInfo.relativePath === router.route.data.filePath) pageViewInfo2 = item;
       });
       return pageViewInfo2;
     });
@@ -93,25 +94,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }));
     const usePageView = computed(() => !!statisticsConfig.value.provider && statisticsConfig.value.pageView);
     const { pagePv, isGet, request } = useUvPv(false, statisticsConfig.value);
-    const statisticsInfo = computed(() => ({ pagePv: pagePv.value, isGet: isGet.value }));
     watch(usePageView, (newVal) => {
       if (newVal) request();
     });
-    if (statisticsConfig.value.permalink && router.state?.permalinkPlugin) {
-      vpRouter.bindRouterFn("urlChange", () => {
-        router.onAfterUrlLoad = () => {
-          if (usePageView.value) request();
-        };
-      });
-    } else {
-      watch(
-        router.route,
-        () => {
-          if (usePageView.value) request();
-        },
-        { immediate: true }
-      );
-    }
+    watch(
+      router.route,
+      () => {
+        if (usePageView.value) {
+          if (statisticsConfig.value.permalink && router.state?.permalinkPlugin) {
+            nextTick(request);
+          } else request();
+        }
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(`${unref(ns).b()} flx-justify-between`),
@@ -163,7 +159,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 title: unref(t)("tk.articleAnalyze.pageView"),
                 class: "hover-color",
                 "aria-label": unref(t)("tk.articleAnalyze.pageView")
-              }, toDisplayString(statisticsInfo.value.isGet ? statisticsInfo.value.pagePv : "Get..."), 9, _hoisted_7)
+              }, toDisplayString(unref(isGet) ? unref(pagePv) : "Get..."), 9, _hoisted_7)
             ])) : createCommentVNode("v-if", true)
           ],
           2

package/es/components/theme/ArticleBreadcrumb/src/index.vue2.mjs

@@ -26,7 +26,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       separator: "/",
       homeLabel: t("tk.articleBreadcrumb.home")
     });
-    const relativePathArr = computed(() => page.value.relativePath.split("/") || []);
+    const relativePathArr = computed(() => page.value.filePath.split("/") || []);
     const breadcrumbList = computed(() => {
       const classifyList = [];
       const relativePathArrConst = relativePathArr.value;
@@ -35,7 +35,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         if ((index !== relativePathArrConst.length - 1 || breadcrumb.value.showCurrentName) && fileName !== localeIndex.value) {
           classifyList.push({
             fileName,
-            filePath: theme.value.catalogues?.inv[item]?.filePath || ""
+            url: theme.value.catalogues?.inv[item]?.url || ""
           });
         }
       });
@@ -78,10 +78,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   { key: index },
                   {
                     default: withCtx(() => [
-                      (openBlock(), createBlock(resolveDynamicComponent(item.filePath ? "a" : "span"), {
-                        href: item.filePath && unref(withBase)(`/${item.filePath}`),
+                      (openBlock(), createBlock(resolveDynamicComponent(item.url ? "a" : "span"), {
+                        href: item.url && unref(withBase)(`/${item.url}`),
                         title: item.fileName,
-                        class: normalizeClass([item.filePath ? "hover-color" : ""]),
+                        class: normalizeClass([item.url ? "hover-color" : ""]),
                         "aria-label": item.fileName
                       }, {
                         default: withCtx(() => [

package/es/components/theme/ArticleUpdate/src/index.vue2.mjs

@@ -27,7 +27,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       limit: 3
     });
     const updatePosts = computed(() => {
-      const path = "/" + route.data.relativePath.replace(".md", "");
+      const path = "/" + route.data.filePath.replace(".md", "");
       return [
         ...posts.value.sortPostsByDate.filter((item) => ![route.path, path, `${path}.html`].includes(item.url)).slice(0, articleConfig.value.limit),
         { title: "\u66F4\u591A\u6587\u7AE0 >", url: archivesPath.value, frontmatter: {}, date: "" }

package/es/components/theme/CataloguePage/src/CatalogueItem.vue2.mjs

@@ -30,7 +30,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         [
           !_ctx.item.children ? (openBlock(), createElementBlock("a", {
             key: 0,
-            href: _ctx.item.link && unref(withBase)(_ctx.item.link),
+            href: _ctx.item.url && unref(withBase)(_ctx.item.url),
             "aria-label": `${_ctx.index}. ${_ctx.item.title}`
           }, [
             createTextVNode(
@@ -48,7 +48,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               size: "small",
               "aria-label": _ctx.item.frontmatter?.titleTag
             }, null, 8, ["text", "aria-label"])) : createCommentVNode("v-if", true)
-          ], 8, _hoisted_1)) : _ctx.item.children.length > 0 ? (openBlock(), createElementBlock(
+          ], 8, _hoisted_1)) : _ctx.item.children.length ? (openBlock(), createElementBlock(
             Fragment,
             { key: 1 },
             [

package/es/components/theme/CodeBlockToggle/src/index.vue2.mjs

@@ -22,15 +22,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       collapseHeight: 700,
       copiedDone: void 0,
       overlay: false,
-      overlayHeight: 400
+      overlayHeight: 400,
+      langTextTransform: ""
     });
     watch(
       codeBlockConfig,
       (newVal) => {
         if (!isClient) return;
-        const { disabled } = newVal || {};
+        const { disabled, langTextTransform } = newVal || {};
         if (disabled) return document.documentElement.removeAttribute(documentAttribute);
         document.documentElement.setAttribute(documentAttribute, ns.namespace);
+        if (langTextTransform) {
+          document.documentElement.style.setProperty(ns.cssVarName("code-block-lang-transform"), langTextTransform);
+        }
         nextTick(() => initCodeBlock());
       },
       { immediate: true }

package/es/components/theme/Home/src/index.vue.d.ts

@@ -66,6 +66,7 @@ declare function __VLS_template(): {
                 'teek-home-post-list'?(_: {
                     currentPosts: {
                         url: string;
+                        relativePath: string;
                         src?: string | undefined;
                         html?: string | undefined;
                         frontmatter: Record<string, any>;
@@ -149,6 +150,7 @@ declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOpti
             'teek-home-post-list'?(_: {
                 currentPosts: {
                     url: string;
+                    relativePath: string;
                     src?: string | undefined;
                     html?: string | undefined;
                     frontmatter: Record<string, any>;

package/es/components/theme/HomeCardList/src/index.vue.d.ts

@@ -1,9 +1,11 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<any, (_: {}) => any>> & Partial<Record<any, (_: {}) => any>> & {
+    slots: Partial<Record<`${any}-before`, (_: {}) => any>> & Partial<Record<any, (_: {}) => any>> & Partial<Record<`${any}-after`, (_: {}) => any>> & Partial<Record<`${any}-before`, (_: {}) => any>> & Partial<Record<any, (_: {}) => any>> & Partial<Record<`${any}-after`, (_: {}) => any>> & {
         'teek-home-card-before'?(_: {}): any;
-        'teek-home-card'?(_: {}): any;
+        'teek-home-card'?(_: {
+            homeCard: string[];
+        }): any;
         'teek-home-card-after'?(_: {}): any;
     };
     refs: {

package/es/components/theme/HomeCardList/src/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, useTemplateRef, onMounted, createElementBlock, openBlock, normalizeClass, unref, renderSlot, Fragment, renderList, createCommentVNode, createBlock, resolveDynamicComponent, mergeProps, createSlots, withCtx } from 'vue';
+import { defineComponent, computed, ref, onMounted, createElementBlock, openBlock, normalizeClass, unref, renderSlot, Fragment, renderList, createCommentVNode, createElementVNode, createBlock, resolveDynamicComponent, mergeProps } from 'vue';
 import 'vitepress';
 import { useNamespace } from '../../../../composables/useNamespace.mjs';
 import { useWindowTransition } from '../../../../composables/useWindowTransition.mjs';
@@ -32,39 +32,39 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         my: {
           el: _sfc_main$6,
           show: homePage,
-          slot: ["teek-home-my-before", "teek-home-my-after"]
+          slot: "teek-home-card-my"
         },
         topArticle: {
           el: _sfc_main$5,
           show: homePage && topArticle?.enabled !== false,
-          slot: ["teek-home-top-article-before", "teek-home-top-article-after"]
+          slot: "teek-home-card-top-article"
         },
         category: {
           el: _sfc_main$4,
           props: { categoriesPage },
           show: (homePage || categoriesPage) && category?.enabled !== false,
-          slot: ["teek-home-category-before", "teek-home-category-after"]
+          slot: "teek-home-card-category"
         },
         tag: {
           el: _sfc_main$3,
           props: { tagsPage },
           show: (homePage || tagsPage) && tag?.enabled !== false,
-          slot: ["teek-home-tag-before", "teek-home-tag-after"]
+          slot: "teek-home-card-tag"
         },
         docAnalysis: {
           el: _sfc_main$2,
           show: homePage && docAnalysis?.enabled !== false,
-          slot: ["teek-home-doc-analysis-before", "teek-home-doc-analysis-after"]
+          slot: "teek-home-card-doc-analysis"
         },
         friendLink: {
           el: _sfc_main$1,
           show: homePage && friendLink?.enabled !== false,
-          slot: ["teek-home-friend-link-before", "teek-home-friend-link-after"]
+          slot: "teek-home-card-friend-link"
         }
       };
     });
     const windowTransition = useWindowTransitionConfig((config) => config.card);
-    const cardListInstance = useTemplateRef("cardListInstance");
+    const cardListInstance = ref(null);
     const { start } = useWindowTransition(cardListInstance, false);
     onMounted(() => {
       windowTransition.value && start();
@@ -77,7 +77,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         },
         [
           renderSlot(_ctx.$slots, "teek-home-card-before"),
-          renderSlot(_ctx.$slots, "teek-home-card", {}, () => [
+          renderSlot(_ctx.$slots, "teek-home-card", { homeCard: finalHomeCardSort.value }, () => [
             (openBlock(true), createElementBlock(
               Fragment,
               null,
@@ -88,66 +88,83 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   [
                     createCommentVNode(" \u4F7F\u7528\u6DE1\u5165\u52A8\u753B "),
                     unref(windowTransition) ? (openBlock(), createElementBlock(
-                      "div",
-                      {
-                        key: 0,
-                        ref_for: true,
-                        ref_key: "cardListInstance",
-                        ref: cardListInstance
-                      },
+                      Fragment,
+                      { key: 0 },
                       [
-                        componentMap.value[item]?.show ? (openBlock(), createBlock(
-                          resolveDynamicComponent(componentMap.value[item]?.el),
-                          mergeProps({
+                        _ctx.$slots[`${componentMap.value[item]?.slot}-before`] ? (openBlock(), createElementBlock(
+                          "div",
+                          {
                             key: 0,
-                            ref_for: true
-                          }, componentMap.value[item]?.props),
-                          createSlots({
-                            _: 2
-                            /* DYNAMIC */
-                          }, [
-                            renderList(componentMap.value[item]?.slot, (name) => {
-                              return {
-                                name,
-                                fn: withCtx(() => [
-                                  renderSlot(_ctx.$slots, name)
-                                ])
-                              };
-                            })
-                          ]),
-                          1040
-                          /* FULL_PROPS, DYNAMIC_SLOTS */
+                            ref_for: true,
+                            ref_key: "cardListInstance",
+                            ref: cardListInstance
+                          },
+                          [
+                            renderSlot(_ctx.$slots, `${componentMap.value[item]?.slot}-before`)
+                          ],
+                          512
+                          /* NEED_PATCH */
+                        )) : createCommentVNode("v-if", true),
+                        createElementVNode(
+                          "div",
+                          {
+                            ref_for: true,
+                            ref_key: "cardListInstance",
+                            ref: cardListInstance
+                          },
+                          [
+                            renderSlot(_ctx.$slots, componentMap.value[item]?.slot, {}, () => [
+                              componentMap.value[item]?.show ? (openBlock(), createBlock(
+                                resolveDynamicComponent(componentMap.value[item]?.el),
+                                mergeProps({
+                                  key: 0,
+                                  ref_for: true
+                                }, componentMap.value[item]?.props),
+                                null,
+                                16
+                                /* FULL_PROPS */
+                              )) : createCommentVNode("v-if", true)
+                            ])
+                          ],
+                          512
+                          /* NEED_PATCH */
+                        ),
+                        _ctx.$slots[`${componentMap.value[item]?.slot}-after`] ? (openBlock(), createElementBlock(
+                          "div",
+                          {
+                            key: 1,
+                            ref_for: true,
+                            ref_key: "cardListInstance",
+                            ref: cardListInstance
+                          },
+                          [
+                            renderSlot(_ctx.$slots, `${componentMap.value[item]?.slot}-after`)
+                          ],
+                          512
+                          /* NEED_PATCH */
                         )) : createCommentVNode("v-if", true)
                       ],
-                      512
-                      /* NEED_PATCH */
+                      64
+                      /* STABLE_FRAGMENT */
                     )) : (openBlock(), createElementBlock(
                       Fragment,
                       { key: 1 },
                       [
                         createCommentVNode(" \u4E0D\u4F7F\u7528\u6DE1\u5165\u52A8\u753B "),
-                        componentMap.value[item]?.show ? (openBlock(), createBlock(
-                          resolveDynamicComponent(componentMap.value[item]?.el),
-                          mergeProps({
-                            key: 0,
-                            ref_for: true
-                          }, componentMap.value[item]?.props),
-                          createSlots({
-                            _: 2
-                            /* DYNAMIC */
-                          }, [
-                            renderList(componentMap.value[item]?.slot, (name) => {
-                              return {
-                                name,
-                                fn: withCtx(() => [
-                                  renderSlot(_ctx.$slots, name)
-                                ])
-                              };
-                            })
-                          ]),
-                          1040
-                          /* FULL_PROPS, DYNAMIC_SLOTS */
-                        )) : createCommentVNode("v-if", true)
+                        componentMap.value[item]?.slot ? renderSlot(_ctx.$slots, `${componentMap.value[item]?.slot}-before`, { key: 0 }) : createCommentVNode("v-if", true),
+                        componentMap.value[item]?.slot ? renderSlot(_ctx.$slots, componentMap.value[item]?.slot, { key: 1 }, () => [
+                          componentMap.value[item]?.show ? (openBlock(), createBlock(
+                            resolveDynamicComponent(componentMap.value[item]?.el),
+                            mergeProps({
+                              key: 0,
+                              ref_for: true
+                            }, componentMap.value[item]?.props),
+                            null,
+                            16
+                            /* FULL_PROPS */
+                          )) : createCommentVNode("v-if", true)
+                        ]) : createCommentVNode("v-if", true),
+                        componentMap.value[item]?.slot ? renderSlot(_ctx.$slots, `${componentMap.value[item]?.slot}-after`, { key: 2 }) : createCommentVNode("v-if", true)
                       ],
                       64
                       /* STABLE_FRAGMENT */

package/es/components/theme/HomeCategoryCard/src/index.vue.d.ts

@@ -2,26 +2,7 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
 type __VLS_Props = {
     categoriesPage?: boolean;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        'teek-home-card-category-before'?(_: {}): any;
-        'teek-home-card-category'?(_: {}): any;
-        'teek-home-card-category-after'?(_: {}): any;
-    };
-    refs: {
-        itemRefs: HTMLAnchorElement[];
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
     itemRefs: HTMLAnchorElement[];
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, HTMLDivElement>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/es/components/theme/HomeCategoryCard/src/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, inject, onMounted, watch, createElementBlock, openBlock, Fragment, renderSlot, createVNode, unref, normalizeClass, withCtx, createBlock, TransitionGroup, createCommentVNode, renderList, normalizeStyle, createElementVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, computed, inject, onMounted, watch, createBlock, openBlock, unref, normalizeClass, withCtx, createElementBlock, TransitionGroup, createCommentVNode, Fragment, renderList, normalizeStyle, createElementVNode, toDisplayString } from 'vue';
 import { useRouter, withBase } from 'vitepress';
 import { isFunction } from '../../../../helper/dist/index.mjs';
 import { useLocale } from '../../../../composables/useLocale.mjs';
@@ -89,91 +89,79 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     );
     const itemRefs = ref([]);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        Fragment,
-        null,
-        [
-          renderSlot(_ctx.$slots, "teek-home-card-category-before"),
-          renderSlot(_ctx.$slots, "teek-home-card-category", {}, () => [
-            createVNode(unref(_sfc_main$1), {
-              page: !_ctx.categoriesPage,
-              modelValue: pageNum.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => pageNum.value = $event),
-              pageSize: unref(categoryConfig).limit,
-              total: categories.value.length,
-              title: finalTitle.value[_ctx.categoriesPage ? "pt" : "ht"],
-              titleClick: handleSwitchCategory,
-              autoPage: unref(categoryConfig).autoPage,
-              pageSpeed: unref(categoryConfig).pageSpeed,
-              class: normalizeClass([unref(ns).b(), unref(ns).is("page", _ctx.categoriesPage)]),
-              "aria-label": unref(t)("tk.categoryCard.label")
-            }, {
-              default: withCtx(({ transitionName }) => [
-                categories.value.length ? (openBlock(), createBlock(TransitionGroup, {
-                  key: 0,
-                  name: transitionName,
-                  tag: "div",
-                  mode: "out-in",
-                  class: normalizeClass(`${unref(ns).e("list")} flx-column`),
-                  "aria-label": unref(t)("tk.categoryCard.listLabel")
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(true), createElementBlock(
-                      Fragment,
+      return openBlock(), createBlock(unref(_sfc_main$1), {
+        page: !_ctx.categoriesPage,
+        modelValue: pageNum.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => pageNum.value = $event),
+        pageSize: unref(categoryConfig).limit,
+        total: categories.value.length,
+        title: finalTitle.value[_ctx.categoriesPage ? "pt" : "ht"],
+        titleClick: handleSwitchCategory,
+        autoPage: unref(categoryConfig).autoPage,
+        pageSpeed: unref(categoryConfig).pageSpeed,
+        class: normalizeClass([unref(ns).b(), unref(ns).is("page", _ctx.categoriesPage)]),
+        "aria-label": unref(t)("tk.categoryCard.label")
+      }, {
+        default: withCtx(({ transitionName }) => [
+          categories.value.length ? (openBlock(), createBlock(TransitionGroup, {
+            key: 0,
+            name: transitionName,
+            tag: "div",
+            mode: "out-in",
+            class: normalizeClass(`${unref(ns).e("list")} flx-column`),
+            "aria-label": unref(t)("tk.categoryCard.listLabel")
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(currentCategories.value, (item, index) => {
+                  return openBlock(), createElementBlock("a", {
+                    ref_for: true,
+                    ref_key: "itemRefs",
+                    ref: itemRefs,
+                    key: item.name,
+                    onClick: ($event) => handleSwitchCategory(item.name),
+                    class: normalizeClass([{ active: item.name === selectedCategory.value }, "hover-color"]),
+                    style: normalizeStyle(`top: ${index * itemRefs.value?.[index]?.getBoundingClientRect().height || 0}px`),
+                    "aria-label": item.name
+                  }, [
+                    createElementVNode(
+                      "span",
+                      _hoisted_2,
+                      toDisplayString(item.name),
+                      1
+                      /* TEXT */
+                    ),
+                    createElementVNode(
+                      "span",
                       null,
-                      renderList(currentCategories.value, (item, index) => {
-                        return openBlock(), createElementBlock("a", {
-                          ref_for: true,
-                          ref_key: "itemRefs",
-                          ref: itemRefs,
-                          key: item.name,
-                          onClick: ($event) => handleSwitchCategory(item.name),
-                          class: normalizeClass([{ active: item.name === selectedCategory.value }, "hover-color"]),
-                          style: normalizeStyle(`top: ${index * itemRefs.value?.[index]?.getBoundingClientRect().height || 0}px`),
-                          "aria-label": item.name
-                        }, [
-                          createElementVNode(
-                            "span",
-                            _hoisted_2,
-                            toDisplayString(item.name),
-                            1
-                            /* TEXT */
-                          ),
-                          createElementVNode(
-                            "span",
-                            null,
-                            toDisplayString(item.length),
-                            1
-                            /* TEXT */
-                          )
-                        ], 14, _hoisted_1);
-                      }),
-                      128
-                      /* KEYED_FRAGMENT */
-                    )),
-                    !_ctx.categoriesPage && unref(categoryConfig).limit < categories.value.length ? (openBlock(), createElementBlock("a", {
-                      key: 0,
-                      href: unref(withBase)(unref(categoryPath)),
-                      "aria-label": unref(categoryConfig).moreLabel
-                    }, toDisplayString(unref(categoryConfig).moreLabel), 9, _hoisted_3)) : createCommentVNode("v-if", true)
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["name", "class", "aria-label"])) : (openBlock(), createElementBlock("div", {
-                  key: 1,
-                  class: normalizeClass(unref(ns).m("empty")),
-                  "aria-label": unref(categoryConfig).emptyLabel
-                }, toDisplayString(unref(categoryConfig).emptyLabel), 11, _hoisted_4))
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["page", "modelValue", "pageSize", "total", "title", "autoPage", "pageSpeed", "class", "aria-label"])
-          ]),
-          renderSlot(_ctx.$slots, "teek-home-card-category-after")
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      );
+                      toDisplayString(item.length),
+                      1
+                      /* TEXT */
+                    )
+                  ], 14, _hoisted_1);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              )),
+              !_ctx.categoriesPage && unref(categoryConfig).limit < categories.value.length ? (openBlock(), createElementBlock("a", {
+                key: 0,
+                href: unref(withBase)(unref(categoryPath)),
+                "aria-label": unref(categoryConfig).moreLabel
+              }, toDisplayString(unref(categoryConfig).moreLabel), 9, _hoisted_3)) : createCommentVNode("v-if", true)
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, 1032, ["name", "class", "aria-label"])) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(unref(ns).m("empty")),
+            "aria-label": unref(categoryConfig).emptyLabel
+          }, toDisplayString(unref(categoryConfig).emptyLabel), 11, _hoisted_4))
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["page", "modelValue", "pageSize", "total", "title", "autoPage", "pageSpeed", "class", "aria-label"]);
     };
   }
 });