docs: make showcase image clickable (#19)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
slidevjs · May 6, 2021 · 18e3bab · 18e3bab
1 parent 3cb4f75
commit 18e3bab
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/docs/.vitepress/theme/components/ShowCaseInfo.vue b/docs/.vitepress/theme/components/ShowCaseInfo.vue
@@ -9,11 +9,15 @@ defineProps<{
 
 <template>
   <div>
-    <div
-      class="block mb-1.5 w-full overflow-hidden relative aspect-9/16"
-      border="~ rounded gray-400 opacity-20"
-    >
-      <img :src="info.cover" class="absolute top-0 bottom-0 left-0 right-0" />
+    <div class="block mb-1.5 w-full relative aspect-9/16">
+      <a
+        class="absolute top-0 bottom-0 left-0 right-0 overflow-hidden"
+        border="~ rounded gray-400 opacity-20"
+        :href="info.slidesLink"
+        target="_blank"
+      >
+        <img :src="info.cover" />
+      </a>
     </div>
     <div class="font-bold">
       {{ info.title }}