feat: 🚀 组件新增名称来支持调试，组件引入入口统一改为 index 文件

Author: Kele-Bingtang

vitepress-theme-teeker/src/components/ArchivesPage/src/index.vue

@@ -2,6 +2,8 @@
 import { useNamespace } from "../../../hooks";
 import { usePosts, useUnrefData } from "../../../configProvider";
 
+defineOptions({ name: "ArchivesPage" });
+
 const ns = useNamespace("archives");
 
 const { frontmatter } = useUnrefData();

vitepress-theme-teeker/src/components/ArticleAnalyze/src/index.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts" name="ArticleAnalyze">
-import { useRoute, useData } from "vitepress";
-import { useNamespace, useBuSunZi } from "../../../hooks";
 import { computed, nextTick, onMounted, ref, unref } from "vue";
+import { useRoute, useData } from "vitepress";
 import { Reading, Clock, View } from "@element-plus/icons-vue";
-import { useUnrefData } from "../../../configProvider";
 import { FileInfo } from "vitepress-plugin-doc-analysis";
-import Breadcrumb from "../../Breadcrumb";
-import ArticleInfo from "../../ArticleInfo";
-import Icon from "../../Icon";
+import { useNamespace, useBuSunZi } from "../../../hooks";
+import { useUnrefData } from "../../../configProvider";
+import { Breadcrumb, ArticleInfo, Icon } from "../../";
 import { Article, DocAnalysis } from "../../../config/types";
 import { TkContentData } from "../../../post/types";
 
+defineOptions({ name: "ArticleAnalyze" });
+
 const ns = useNamespace("articleAnalyze");
 
 const { theme, frontmatter } = useUnrefData();

vitepress-theme-teeker/src/components/ArticleBreadcrumb/index.ts

@@ -0,0 +1,6 @@
+import ArticleBreadcrumb from "./src/index.vue";
+import Breadcrumb from "./src/Breadcrumb.vue";
+import BreadcrumbItem from "./src/BreadcrumbItem.vue";
+
+export { ArticleBreadcrumb, Breadcrumb, BreadcrumbItem };
+export default ArticleBreadcrumb;

vitepress-theme-teeker/src/components/Breadcrumb/src/Breadcrumb.vue renamed to vitepress-theme-teeker/src/components/ArticleBreadcrumb/src/Breadcrumb.vue

@@ -3,6 +3,8 @@ import { onMounted, provide, ref, unref } from "vue";
 import { useNamespace } from "../../../hooks";
 import { breadcrumbKey, type BreadcrumbProps } from "./breadcrumb";
 
+defineOptions({ name: "Breadcrumb" });
+
 const ns = useNamespace("breadcrumb");
 
 const { separator = "/" } = defineProps<BreadcrumbProps>();

vitepress-theme-teeker/src/components/Breadcrumb/src/BreadcrumbItem.vue renamed to vitepress-theme-teeker/src/components/ArticleBreadcrumb/src/BreadcrumbItem.vue

@@ -3,6 +3,8 @@ import { inject } from "vue";
 import { useNamespace } from "../../../hooks";
 import { breadcrumbKey } from "./breadcrumb";
 
+defineOptions({ name: "BreadcrumbItem" });
+
 const ns = useNamespace("breadcrumb");
 
 const breadcrumbContext = inject(breadcrumbKey, undefined);

vitepress-theme-teeker/src/components/Breadcrumb/src/breadcrumb.ts renamed to vitepress-theme-teeker/src/components/ArticleBreadcrumb/src/breadcrumb.ts

@@ -1,14 +1,14 @@
 <script setup lang="ts" name="ArticleBreadcrumb">
-import { useData } from "vitepress";
-import { useNamespace } from "../../../hooks";
-import Breadcrumb from "./Breadcrumb.vue";
-import BreadcrumbItem from "./BreadcrumbItem.vue";
-import Icon from "../../Icon";
 import { computed, unref } from "vue";
+import { useData } from "vitepress";
 import { House } from "@element-plus/icons-vue";
+import { useNamespace } from "../../../hooks";
+import { Breadcrumb, BreadcrumbItem, Icon } from "../../";
 import { useUnrefData } from "../../../configProvider";
 import { Breadcrumb as BreadcrumbType } from "../../../config/types";
 
+defineOptions({ name: "ArticleBreadcrumb" });
+
 const ns = useNamespace("articleBreadcrumb");
 
 const { theme, frontmatter } = useUnrefData();

vitepress-theme-teeker/src/components/Breadcrumb/src/index.vue renamed to vitepress-theme-teeker/src/components/ArticleBreadcrumb/src/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts" name="ArticleImagePreview">
 import { onMounted, onUnmounted } from "vue";
-import { createImageViewer } from "../../ImageViewer";
+import { createImageViewer } from "../../";
 
 const selector = ".content-container .main";
 

vitepress-theme-teeker/src/components/Breadcrumb/src/instances.ts renamed to vitepress-theme-teeker/src/components/ArticleBreadcrumb/src/instances.ts

@@ -1,6 +1,6 @@
-import ArchivesInfo from "./src/index.vue";
+import ArticleInfo from "./src/index.vue";
 
 export * from "./src/articleInfo";
 
-export { ArchivesInfo };
-export default ArchivesInfo;
+export { ArticleInfo };
+export default ArticleInfo;

vitepress-theme-teeker/src/components/Breadcrumb/style/css.ts renamed to vitepress-theme-teeker/src/components/ArticleBreadcrumb/style/css.ts

@@ -1,14 +1,16 @@
 <script setup lang="ts" name="ArticleInfo">
 import { User, Calendar, FolderOpened, CollectionTag } from "@element-plus/icons-vue";
-import { usePosts, useUnrefData } from "../../../configProvider";
+import { useRoute } from "vitepress";
 import { computed, unref } from "vue";
+import { usePosts, useUnrefData } from "../../../configProvider";
 import { formatDate, isFunction } from "../../../helper";
 import { TkContentData } from "../../../post/types";
 import { useNamespace } from "../../../hooks";
-import { useRoute } from "vitepress";
 import { Article } from "../../../config/types";
 import { PostBaseInfoProps } from "./articleInfo";
-import Icon from "../../Icon";
+import { Icon } from "../../";
+
+defineOptions({ name: "ArticleInfo" });
 
 const ns = useNamespace("articleInfo");
 

vitepress-theme-teeker/src/components/Breadcrumb/style/index.ts renamed to vitepress-theme-teeker/src/components/ArticleBreadcrumb/style/index.ts

@@ -1,10 +1,12 @@
 <script setup lang="ts" name="BodyBgImage">
+import { onMounted } from "vue";
 import { useNamespace, useSwitchData } from "../../../hooks";
 import { useUnrefData } from "../../../configProvider";
-import { onMounted } from "vue";
 import { isString } from "../../../helper";
 import { BodyBgImg } from "../../../config/types";
 
+defineOptions({ name: "BodyBgImage" });
+
 const ns = useNamespace("bodyBgImage");
 
 const { theme } = useUnrefData();

vitepress-theme-teeker/src/components/ArticleImagePreview/src/index.vue

@@ -2,6 +2,8 @@
 import type { CatalogueItem } from "vitepress-plugin-catalogue";
 import { useNamespace } from "../../../hooks";
 
+defineOptions({ name: "CatalogueItem" });
+
 const nsSub = useNamespace("subCatalogue");
 const nsItem = useNamespace("catalogueItem");
 

vitepress-theme-teeker/src/components/ArticleInfo/index.ts

@@ -1,8 +1,10 @@
 <script setup lang="ts" name="CataloguePage">
 import { computed, unref } from "vue";
-import { useNamespace } from "../../../hooks";
-import CatalogueItem from "./CatalogueItem.vue";
 import { useData } from "vitepress";
+import { useNamespace } from "../../../hooks";
+import { CatalogueItem } from "../../";
+
+defineOptions({ name: "CataloguePage" });
 
 const ns = useNamespace("catalogue");
 

vitepress-theme-teeker/src/components/ArticleInfo/src/index.vue

@@ -3,6 +3,8 @@ import { nextTick, onMounted } from "vue";
 import { useRouter } from "vitepress";
 import { useNamespace } from "../../../hooks";
 
+defineOptions({ name: "CodeBlockToggle" });
+
 const ns = useNamespace("");
 
 const foldClass = "fold";

vitepress-theme-teeker/src/components/BodyBgImage/src/index.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts" name="CommentArtalk">
 import { onMounted, onUnmounted, ref, unref, watch } from "vue";
-import { useUnrefData } from "../../../configProvider";
 import { useData, useRouter } from "vitepress";
+import { useUnrefData } from "../../../configProvider";
 import { CommentProvider } from "../../../config/types";
 
+defineOptions({ name: "CommentArtalk" });
+
 const { isDark, page } = useData();
 const { theme } = useUnrefData();
 

vitepress-theme-teeker/src/components/Breadcrumb/index.ts

@@ -1,11 +1,13 @@
 <script setup lang="ts" name="CommentGiscus">
-import { useUnrefData } from "../../../configProvider";
-import Giscus from "@giscus/vue";
-import { useRouter, useData } from "vitepress";
 import { ref, nextTick, onMounted, computed, unref } from "vue";
+import { useRouter, useData } from "vitepress";
+import Giscus from "@giscus/vue";
+import { useUnrefData } from "../../../configProvider";
 import { isFunction } from "../../../helper";
 import { CommentProvider } from "../../../config/types";
 
+defineOptions({ name: "CommentGiscus" });
+
 const { isDark } = useData();
 const { theme } = useUnrefData();
 

vitepress-theme-teeker/src/components/CataloguePage/src/CatalogueItem.vue

@@ -4,6 +4,8 @@ import { useRouter } from "vitepress";
 import { useUnrefData } from "../../../configProvider";
 import { CommentProvider } from "../../../config/types";
 
+defineOptions({ name: "CommentTwikoo" });
+
 const { theme } = useUnrefData();
 
 const {

vitepress-theme-teeker/src/components/CataloguePage/src/index.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts" name="CommentWaline">
-import { useUnrefData } from "../../../configProvider";
+import { onMounted } from "vue";
 import { useRouter } from "vitepress";
 import { init, type WalineInstance } from "@waline/client";
 import "@waline/client/style";
-
-import { onMounted } from "vue";
+import { useUnrefData } from "../../../configProvider";
 import { CommentProvider } from "../../../config/types";
 
+defineOptions({ name: "CommentWaline" });
+
 const { theme } = useUnrefData();
 const router = useRouter();
 

vitepress-theme-teeker/src/components/CodeBlockToggle/src/index.vue

@@ -1,13 +1,15 @@
 <script setup lang="ts" name="DocAnalysisCard">
+import { computed, Ref, unref } from "vue";
+import { useData } from "vitepress";
 import { usePosts, useUnrefData } from "../../../configProvider";
 import { useNamespace, useBuSunZi } from "../../../hooks";
 import { dayDiff, getNowDate, isFunction, timeDiff } from "../../../helper";
-import HomeCard from "../../HomeCard";
+import { HomeCard } from "../../";
 import docAnalysisSvg from "../../../assets/svg/docAnalysis";
-import { computed, Ref, unref } from "vue";
-import { useData } from "vitepress";
 import { DocAnalysis, DocAnalysisInfo } from "../../../config/types";
 
+defineOptions({ name: "DocAnalysisCard" });
+
 const ns = useNamespace("docAnalysis");
 
 const { frontmatter, theme } = useUnrefData();

vitepress-theme-teeker/src/components/CommentArtalk/src/index.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts" name="Footer">
+import { computed } from "vue";
 import { useNamespace } from "../../../hooks";
 import { useUnrefData } from "../../../configProvider";
 import themeSvg from "../../../assets/svg/footerTheme";
@@ -7,10 +8,11 @@ import icpRecordSvg from "../../../assets/svg/icpRecord";
 // @ts-ignore
 import securityRecordImg from "../../../assets/img/securityRecord.png";
 import { version } from "../../../version";
-import { computed } from "vue";
-import Icon from "../../Icon";
+import { Icon } from "../../";
 import { FooterInfo, Social } from "../../../config/types";
 
+defineOptions({ name: "Footer" });
+
 const ns = useNamespace("footer");
 
 const { theme } = useUnrefData();

vitepress-theme-teeker/src/components/CommentGiscus/src/index.vue

@@ -2,12 +2,13 @@
 import { computed, ref, unref, onMounted } from "vue";
 import { useUnrefData } from "../../../configProvider";
 import { useNamespace, useScrollData } from "../../../hooks";
-import HomeCard from "../../HomeCard";
+import { HomeCard, createImageViewer } from "../../";
 import friendLinkSvg from "../../../assets/svg/friendLink";
 import { isFunction } from "../../../helper";
-import { createImageViewer } from "../../ImageViewer";
 import { FriendLink } from "../../../config/types";
 
+defineOptions({ name: "FriendLinkCard" });
+
 const ns = useNamespace("friendLink");
 
 const { theme, frontmatter } = useUnrefData();

vitepress-theme-teeker/src/components/CommentTwikoo/src/index.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts" name="HomeBannerWaves">
 import { useNamespace } from "../../../hooks";
 
+defineOptions({ name: "HomeBannerWaves" });
+
 const ns = useNamespace("waves");
 </script>
 

vitepress-theme-teeker/src/components/CommentWaline/src/index.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts" name="HomeBanner">
-import { useNamespace, useTextTypes, useSwitchData } from "../../../hooks";
 import { withBase } from "vitepress";
 import { onMounted, onUnmounted, unref, ref, nextTick } from "vue";
+import { useNamespace, useTextTypes, useSwitchData } from "../../../hooks";
 import { useUnrefData } from "../../../configProvider";
 import { isString } from "../../../helper";
-import HomeBannerWaves from "./HomeBannerWaves.vue";
+import { HomeBannerWaves } from "../../";
 import { Banner } from "../../../config/types";
 
+defineOptions({ name: "HomeBanner" });
+
 const ns = useNamespace("banner");
 
 const { site, theme, frontmatter } = useUnrefData();

vitepress-theme-teeker/src/components/DocAnalysisCard/src/index.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts" name="HomeCard">
 import { unref, onMounted, ref } from "vue";
-import { useNamespace } from "../../../hooks";
 import { ArrowLeft, ArrowRight } from "@element-plus/icons-vue";
+import { useNamespace } from "../../../hooks";
 import { HomeCardProps } from "./homeCard";
-import Icon from "../../Icon";
+import { Icon } from "../../";
+
+defineOptions({ name: "HomeCard" });
 
 const ns = useNamespace("homeCard");
 

vitepress-theme-teeker/src/components/Footer/src/index.vue

@@ -1,13 +1,15 @@
 <script setup lang="ts" name="HomeCategoryCard">
-import { useNamespace } from "../../../hooks";
-import { usePosts, useUnrefData } from "../../../configProvider";
 import { computed, unref, ref, watch } from "vue";
 import { useRoute, useData } from "vitepress";
-import HomeCard from "../../HomeCard";
+import { useNamespace } from "../../../hooks";
+import { usePosts, useUnrefData } from "../../../configProvider";
+import { HomeCard } from "../../";
 import categorySvg from "../../../assets/svg/category";
 import { isFunction } from "../../../helper";
 import { Category } from "../../../config/types";
 
+defineOptions({ name: "HomeCategoryCard" });
+
 const ns = useNamespace("category");
 
 const { categoriesPage = false } = defineProps<{ categoriesPage?: boolean }>();

vitepress-theme-teeker/src/components/FriendLinkCard/src/index.vue

@@ -3,7 +3,9 @@ import { onMounted, onUnmounted, ref, unref } from "vue";
 import { useNamespace } from "../../../hooks";
 import { useUnrefData } from "../../../configProvider";
 
-const ns = useNamespace("fullscreen");
+defineOptions({ name: "HomeFullscreenWallpaper" });
+
+const ns = useNamespace("homeFullscreenWallpaper");
 
 // 定义一个 ref 来跟踪是否处于全屏状态
 const isFullscreen = ref(false);

vitepress-theme-teeker/src/components/HomeBanner/src/HomeBannerWaves.vue

@@ -1,13 +1,10 @@
 <script setup lang="ts" name="HomeInfo">
-import { useNamespace } from "../../../hooks";
 import { computed, unref } from "vue";
 import { useData } from "vitepress";
-import HomeMyCard from "../../HomeMyCard";
-import HomeCategoryCard from "../../HomeCategoryCard";
-import HomeTagCard from "../../HomeTagCard";
-import FriendLinkCard from "../../FriendLinkCard";
-import TopArticleCard from "../../TopArticleCard";
-import DocAnalysisCard from "../../DocAnalysisCard";
+import { useNamespace } from "../../../hooks";
+import { HomeMyCard, HomeCategoryCard, HomeTagCard, FriendLinkCard, TopArticleCard, DocAnalysisCard } from "../../";
+
+defineOptions({ name: "HomeInfo" });
 
 const ns = useNamespace("homeInfo");
 

vitepress-theme-teeker/src/components/HomeBanner/src/index.vue

@@ -1,11 +1,12 @@
 <script setup lang="ts" name="HomeMyCard">
 import { useNamespace } from "../../../hooks";
 import { useUnrefData } from "../../../configProvider";
-import Icon from "../../Icon";
+import { HomeCard, Icon } from "../../";
 import { Blogger, Social } from "../../../config/types";
-import HomeCard from "../../HomeCard";
 
-const ns = useNamespace("my");
+defineOptions({ name: "HomeMyCard" });
+
+const ns = useNamespace("homeMyCard");
 
 const { theme } = useUnrefData();