add external link component

src/App.vue

@@ -48,10 +48,6 @@ body {
 
   a {
     text-decoration: none;
-    .bi-box-arrow-up-right.b-icon {
-      top: -2px;
-      position: relative;
-    }
   }
 
   button.btn {

src/components/ExternalLink.vue

+<template>
+  <b-button variant="link" :href="href" :class="{ inline }" target="_blank">
+    <slot></slot>
+    <b-icon icon="box-arrow-up-right" aria-hidden="true"></b-icon>
+  </b-button>
+</template>
+<script>
+export default {
+  props: {
+    href: String,
+    inline: Boolean
+  }
+};
+</script>
+<style lang="scss" scoped>
+a {
+  .bi-box-arrow-up-right.b-icon {
+    top: -2px;
+    position: relative;
+  }
+
+  &.inline {
+    padding: 0;
+    margin-top: -3px;
+  }
+}
+</style>