From 3d1007aa302ca407c5e43a3b32d73c531375ef44 Mon Sep 17 00:00:00 2001
From: Daniel-I-Am <djdecloet@gmail.com>
Date: Sat, 28 May 2022 00:28:33 +0200
Subject: [PATCH] Implement snippets page

---
 src/views/SnippetsView.vue | 28 +++++++++++++++++++++++++---
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/views/SnippetsView.vue b/src/views/SnippetsView.vue
index 3b5e43f..c7df18b 100644
--- a/src/views/SnippetsView.vue
+++ b/src/views/SnippetsView.vue
@@ -1,5 +1,27 @@
 <template>
-    <div class="about">
-        <h1>This is an about page</h1>
-    </div>
+    <snippet-list :snippets="recentSnippets" />
 </template>
+
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+
+import SnippetList from "@/components/snippets/SnippetList.vue";
+
+import snippets from "@/data/snippets.json";
+import Snippet from "@/interfaces/Snippet";
+
+@Options({
+    components: {
+        SnippetList,
+    },
+})
+export default class HomeView extends Vue {
+    private snippets: Snippet[] = snippets;
+
+    get recentSnippets() {
+        return this.snippets
+            .sort((a, b) => a.timeAdded - b.timeAdded)
+            .slice(0, 10);
+    }
+}
+</script>