From 7dc63192c8020cba5fb802108e100698e46e8795 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Fri, 13 Sep 2024 19:01:38 +0800
Subject: [PATCH 1/2] fix(theme): incorrect external icon

---
 theme/src/client/components/global/VPImageCard.vue | 2 +-
 theme/src/client/features/components/NpmBadge.vue  | 2 +-
 theme/src/client/features/components/RepoCard.vue  | 2 +-
 theme/src/client/features/components/Swiper.vue    | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/theme/src/client/components/global/VPImageCard.vue b/theme/src/client/components/global/VPImageCard.vue
index 86ab8b49..375cddfc 100644
--- a/theme/src/client/components/global/VPImageCard.vue
+++ b/theme/src/client/components/global/VPImageCard.vue
@@ -40,7 +40,7 @@ const date = computed(() => {
       <img :src="image" :alt="title" loading="lazy">
       <div class="image-info">
         <h3 class="title">
-          <a v-if="href" :href="href" target="_blank" rel="noopener noreferrer">{{ title }}</a>
+          <a v-if="href" :href="href" target="_blank" rel="noopener noreferrer" class="no-icon">{{ title }}</a>
           <span v-else>{{ title }}</span>
         </h3>
         <p v-if="author || date" class="copyright">
diff --git a/theme/src/client/features/components/NpmBadge.vue b/theme/src/client/features/components/NpmBadge.vue
index 854c62dc..592321aa 100644
--- a/theme/src/client/features/components/NpmBadge.vue
+++ b/theme/src/client/features/components/NpmBadge.vue
@@ -11,7 +11,7 @@ const info = useNpmBadge(toRef(() => props))
 <template>
   <span class="vp-npm-badge">
     <img v-if="!info.link" :src="info.badgeUrl" :alt="info.alt">
-    <a v-else :href="info.link" target="_blank" rel="noreferrer">
+    <a v-else :href="info.link" target="_blank" rel="noreferrer" class="no-icon">
       <img :src="info.badgeUrl" :alt="info.alt">
     </a>
   </span>
diff --git a/theme/src/client/features/components/RepoCard.vue b/theme/src/client/features/components/RepoCard.vue
index efe94170..12fa2936 100644
--- a/theme/src/client/features/components/RepoCard.vue
+++ b/theme/src/client/features/components/RepoCard.vue
@@ -13,7 +13,7 @@ const { loaded, data } = useGithubRepo(toRef(props, 'repo'))
     <p class="repo-name">
       <span class="vpi-github-repo" />
       <span class="repo-link">
-        <a :href="data.url" target="_blank" rel="noopener noreferrer">
+        <a :href="data.url" target="_blank" rel="noopener noreferrer" class="no-icon">
           {{ data.ownerType === 'Organization' ? data.fullName : data.name }}
         </a>
       </span>
diff --git a/theme/src/client/features/components/Swiper.vue b/theme/src/client/features/components/Swiper.vue
index 1ab8d85b..2d2e1eeb 100644
--- a/theme/src/client/features/components/Swiper.vue
+++ b/theme/src/client/features/components/Swiper.vue
@@ -157,7 +157,7 @@ function onSwiper(swiper: SwiperType) {
       @swiper="onSwiper"
     >
       <SwiperSlide v-for="(item, index) in slideList" :key="item.link + index">
-        <a v-if="item.href" :href="item.href" target="_blank" rel="noopener noreferrer" class="swiper-slide-link">
+        <a v-if="item.href" :href="item.href" target="_blank" rel="noopener noreferrer" class="swiper-slide-link no-icon">
           <img class="swiper-slide-img" :src="item.link" :alt="item.alt" loading="lazy">
         </a>
         <img v-else class="swiper-slide-img" :src="item.link" :alt="item.alt" loading="lazy">

From fcb2ca450700ba77251a8b4620972eb22825a970 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Fri, 13 Sep 2024 19:09:03 +0800
Subject: [PATCH 2/2] perf(theme): optimize deps include `swiper`

---
 theme/src/node/config/extendsBundlerOptions.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/theme/src/node/config/extendsBundlerOptions.ts b/theme/src/node/config/extendsBundlerOptions.ts
index 1d61fbff..4b2a556f 100644
--- a/theme/src/node/config/extendsBundlerOptions.ts
+++ b/theme/src/node/config/extendsBundlerOptions.ts
@@ -25,7 +25,7 @@ export function extendsBundlerOptions(bundlerOptions: any, app: App): void {
   ])
 
   if (isPackageExists('swiper')) {
-    addViteOptimizeDepsInclude(bundlerOptions, app, 'swiper', true)
+    addViteOptimizeDepsInclude(bundlerOptions, app, ['swiper/modules', 'swiper/vue'], true)
     addViteSsrNoExternal(bundlerOptions, app, ['swiper'])
   }