feat: 支持下载源文件

Author: shiny

components/settings/PdfDownload.vue

@@ -0,0 +1,15 @@
+<template>
+    <NPopover trigger="hover" placement="right">
+        <template #trigger>
+            <div class="bg-stone-100 hover:bg-stone-50 dark:bg-stone-800 dark:hover:bg-stone-700 rounded-full shadow h-14 w-14 p-3.5 text-gray-500 hover:text-gray-900 hover:dark:text-gray-300">
+                <NuxtLink target="_blank" :to="link"><Icon class="w-full h-full" name="carbon:generate-pdf"></Icon></NuxtLink>
+            </div>
+        </template>
+        下载 PDF 原版文件
+    </NPopover>
+</template>
+<script setup lang="ts">
+defineProps<{
+    link: string
+}>()
+</script>

content/xifangquezhi.md

@@ -1,6 +1,7 @@
 ---
 title: '西方确指'
 description: '庐山东林寺印经处 印赠'
+download_link: https://file.hufasi.com/%E8%A5%BF%E6%96%B9%E7%A1%AE%E6%8C%87%EF%BC%88%E4%B8%9C%E6%9E%97%E7%89%88%E6%89%AB%E6%8F%8F%EF%BC%892020.6.16.pdf
 ---
 
 ::cover

pages/[...slug].vue

@@ -5,9 +5,9 @@
         <ContentDoc class="p-10 leading-relaxed bg-neutral-50 dark:bg-neutral-800 " :class="`text-${fontSize} paragraph-${fontSize}`" />
         <div class="relative mb-3">
           <div class="fixed bottom-3 flex flex-col gap-3">
-            <SettingsColorMode class="bg-stone-100 hover:bg-stone-50 dark:bg-stone-800 dark:hover:bg-stone-700 rounded-full shadow h-14 w-14" />
+            <SettingsPdfDownload v-if="page?.download_link" :link="page.download_link" />
+            <SettingsColorMode class="" />
             <SettingsFontSize
-              class="bg-stone-100 hover:bg-stone-50 dark:bg-stone-800 dark:hover:bg-stone-700 rounded-full shadow"
               :default-value="fontSize"
               @change="(value) => fontSize = value"
             />