From 6da0d9df0218b5d518e38b48234625c3ebb0b69a Mon Sep 17 00:00:00 2001
From: Arthur Danjou <arthurdanjou@outlook.fr>
Date: Sun, 18 Apr 2021 14:32:12 +0200
Subject: [PATCH] Fix blog post title

---
 src/pages/blog/_slug.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/blog/_slug.vue b/src/pages/blog/_slug.vue
index 1aa8d56..5cba4d8 100644
--- a/src/pages/blog/_slug.vue
+++ b/src/pages/blog/_slug.vue
@@ -111,7 +111,7 @@ import {
   useContext,
   useFetch,
   useMeta,
-  useRoute, useStatic
+  useRoute, useStatic, watch
 } from "@nuxtjs/composition-api";
 import {Post} from "../../../@types/types";
 
@@ -121,6 +121,7 @@ export default defineComponent({
   setup() {
     const {$content, i18n, $axios, app, $storage} = useContext()
     const route = useRoute()
+    const { title } = useMeta()
     const slug = computed(() => route.value.params.slug)
 
     const post = useStatic((slug) => {
@@ -131,8 +132,8 @@ export default defineComponent({
         }) as Promise<Post>
     }, slug, 'post')
 
-    useMeta({
-      title: `Blog - Arthur Danjou - ${post.value?.title}`
+    watch(post, () => {
+      title.value = `Blog - Arthur Danjou - ${post.value?.title || 'Loading title...'}`
     })
 
     const liked = ref($storage.getCookie(`${slug.value}`) !== undefined)