diff --git a/.vitepress/cache/deps/_metadata.json b/.vitepress/cache/deps/_metadata.json
index 4b92bd1..5094116 100644
--- a/.vitepress/cache/deps/_metadata.json
+++ b/.vitepress/cache/deps/_metadata.json
@@ -1,11 +1,11 @@
 {
-  "hash": "7ffd30ca",
-  "browserHash": "44dc6d18",
+  "hash": "37427fdc",
+  "browserHash": "93d17c76",
   "optimized": {
     "vue": {
       "src": "../../../node_modules/vue/dist/vue.runtime.esm-bundler.js",
       "file": "vue.js",
-      "fileHash": "0714df1d",
+      "fileHash": "87e80f21",
       "needsInterop": false
     }
   },
diff --git a/components/pdf.vue b/components/pdf.vue
new file mode 100644
index 0000000..0fb8746
--- /dev/null
+++ b/components/pdf.vue
@@ -0,0 +1,39 @@
+<template>
+  <div class="pdf">
+    <button @click='open'>打开PDF</button>
+  </div>
+</template>
+
+<script setup>
+import { defineProps } from 'vue'
+const url = defineProps({
+  url: {
+    type: String,
+    default: ''
+  }
+})
+const open = () => {
+  window.open(url.url)
+}
+</script>
+
+<style scoped>
+button {
+  width: 100px;
+  height: 40px;
+  background-color: #409eff;
+  color: #fff;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.button:hover {
+  background-color: #66b1ff;
+}
+
+.pdf {
+  display: block;
+  margin: 1rem auto;
+}
+</style>