Anchor titles for IconLink and LinkPanel components

Author: AugustMiller

docs/.vuepress/theme/global-components/IconLink.vue

@@ -5,6 +5,7 @@
       v-if="isInternal"
       :to="link"
       :class="{ 'large': iconSize == 'large' }"
+      :title="title"
     >
       <div class="icon absolute left-0">
         <img :src="icon" class="no-zoom" alt />
@@ -25,6 +26,7 @@
       :target="target"
       :rel="rel"
       :class="{ 'large': iconSize == 'large' }"
+      :title="title"
     >
       <div class="icon absolute left-0">
         <img :src="icon" class="no-zoom" alt />

docs/.vuepress/theme/global-components/LinkPanel.vue

@@ -1,5 +1,5 @@
 <template>
-  <RouterLink v-if="isInternal" class="link-panel" :to="link" :class="{ 'has-icon': icon }">
+  <RouterLink v-if="isInternal" class="link-panel" :to="link" :class="{ 'has-icon': icon }" :title="title">
     <div v-if="icon" class="link-panel-icon">
       <img :src="icon" class="no-zoom" alt />
     </div>
@@ -24,6 +24,7 @@
     :target="target"
     :rel="rel"
     :class="{ 'has-icon': icon }"
+    :title="title"
   >
     <div v-if="icon" class="link-panel-icon">
       <img :src="icon" class="no-zoom" alt />
@@ -33,6 +34,7 @@
       {{ title }}
     </div>
     <div class="subtitle">{{ subtitle }}</div>
+    <div v-if="repo" class="repo-name">{{ repo }}</div>
 
     <div class="flags">
       <div v-if="repo" class="repo-icon">
@@ -57,6 +59,10 @@
     @apply text-sm text-slate leading-tight;
   }
 
+  .repo-name {
+    @apply text-xs text-light-slate font-mono mt-1;
+  }
+
   .flags {
     @apply absolute flex flex-row-reverse;