Small bugfixes

app/pages/blog/[slug].vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
 const route = useRoute()
 const slug = route.params.slug
-const { data } = await useAsyncData(() => queryCollection('blog').path("/blog/" + slug).first())
-const title = (data.value == undefined ? 'Blog' : data.value!.title);
-
+const articleList = queryCollection('blog').path("/blog/" + slug)
+const data = await articleList.first()
+const title = (data == undefined ? 'Blog' : data.title);
 useSeoMeta({
-  title: data.value?.title,
-  description: data.value?.description
+  title: data?.title,
+  description: data?.description
 })
 defineOgImageComponent('BlogPost', {
   title: title,
-  description: data.value?.description
+  description: data?.description
 })
 </script>
 

app/pages/index.vue

@@ -12,7 +12,7 @@ defineOgImageComponent('Site', {
 
 <!-- Links -->
 <div id="links-div" style="grid-column: 1;">
-    <a href="/blog/" style="grid-column: 1;">
+    <a href="/blog" style="grid-column: 1;">
         <img src="~/assets/img/post-outline.svg" 
              class="sm:w-[150px] w-[70px] h-auto m-auto" />
         <p class="text-center sm:text-3xl text-xl">Blog</p>
@@ -24,7 +24,7 @@ defineOgImageComponent('Site', {
         <p class="text-center sm:text-3xl text-xl">Projects</p>
     </a>
 
-    <a href="/cv/">
+    <a href="/cv">
         <img src="~/assets/img/icon-park-solid_people.svg" 
              class="sm:w-[150px] w-[70px] h-auto pb-4 p-3 m-auto" />
         <p class="text-center sm:text-3xl text-xl">CV</p>