feat: handle telephone links (#325)

vuejs · May 2, 2018 · 087467a · 087467a
1 parent f4de118
commit 087467a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/lib/default-theme/NavLink.vue b/lib/default-theme/NavLink.vue
@@ -9,13 +9,13 @@
     v-else
     :href="link"
     class="nav-link"
-    :target="isMailto(link) ? null : '_blank'"
-    :rel="isMailto(link) ? null : 'noopener noreferrer'"
+    :target="isMailto(link) || isTel(link) ? null : '_blank'"
+    :rel="isMailto(link) || isTel(link) ? null : 'noopener noreferrer'"
   >{{ item.text }}</a>
 </template>
 
 <script>
-import { isExternal, isMailto, ensureExt } from './util'
+import { isExternal, isMailto, isTel, ensureExt } from './util'
 
 export default {
   props: {
@@ -30,7 +30,8 @@ export default {
   },
   methods: {
     isExternal,
-    isMailto
+    isMailto,
+    isTel
   }
 }
 </script>
diff --git a/lib/default-theme/util.js b/lib/default-theme/util.js
@@ -1,7 +1,7 @@
 export const hashRE = /#.*$/
 export const extRE = /\.(md|html)$/
 export const endingSlashRE = /\/$/
-export const outboundRE = /^(https?:|mailto:)/
+export const outboundRE = /^(https?:|mailto:|tel:)/
 
 export function normalize (path) {
   return path
@@ -24,6 +24,10 @@ export function isMailto (path) {
   return /^mailto:/.test(path)
 }
 
+export function isTel (path) {
+  return /^tel:/.test(path)
+}
+
 export function ensureExt (path) {
   if (isExternal(path)) {
     return path