fix(theme-default): fallback external-link-icon when the plugin is di…

…sabled (close #766) (#769)
vuepress · Mar 31, 2022 · 3628fbf · 3628fbf
1 parent 856be61
commit 3628fbf
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/@vuepress/theme-default/src/client/clientAppEnhance.ts b/packages/@vuepress/theme-default/src/client/clientAppEnhance.ts
@@ -12,6 +12,15 @@ export default defineClientAppEnhance(({ app, router }) => {
   app.component('CodeGroup', CodeGroup)
   app.component('CodeGroupItem', CodeGroupItem)
 
+  // compat with @vuepress/plugin-external-link-icon
+  app.component('AutoLinkExternalIcon', () => {
+    const ExternalLinkIcon = app.component('ExternalLinkIcon')
+    if (ExternalLinkIcon) {
+      return h(ExternalLinkIcon)
+    }
+    return null
+  })
+
   // compat with @vuepress/plugin-docsearch and @vuepress/plugin-search
   app.component('NavbarSearch', () => {
     const SearchComponent =

diff --git a/packages/@vuepress/theme-default/src/client/components/AutoLink.vue b/packages/@vuepress/theme-default/src/client/components/AutoLink.vue
@@ -107,7 +107,7 @@ const isActive = computed(() => {
   >
     <slot name="before" />
     {{ item.text }}
-    <ExternalLinkIcon v-if="isBlankTarget" />
+    <AutoLinkExternalIcon v-if="isBlankTarget" />
     <slot name="after" />
   </a>
 </template>