diff --git a/src/components/notes/blog-notes.vue b/src/components/notes/blog-notes.vue
index 7452c8a..c0010aa 100644
--- a/src/components/notes/blog-notes.vue
+++ b/src/components/notes/blog-notes.vue
@@ -1,16 +1,17 @@
 <script setup lang="ts">
 import { fetchNotes } from "@/api/fetch-notes"
 
-const notes = await fetchNotes()
+const notes = (await fetchNotes()).slice(0, 15)
 </script>
 
 <template>
   <div class="blog-notes" v-if="notes.length > 0">
     <h2>Last notes</h2>
     <ul>
-      <li v-for="note in notes" :key="note.href">
+      <li v-for="note in notes" :key="note.path">
         <a :href="note.path">{{ note.title }}</a>
       </li>
     </ul>
+    <p><a href="/pub">See all articles →</a></p>
   </div>
 </template>