diff --git a/nuxt.config.ts b/nuxt.config.ts
index 5e2705d..31f4e9d 100755
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -77,6 +77,4 @@ export default defineNuxtConfig({
     },
 
     sourcemap: false,
-
-    ssr: true
 })
diff --git a/pages/blog/[...slug].vue b/pages/blog/[...slug].vue
index d0d5615..9e7a68e 100755
--- a/pages/blog/[...slug].vue
+++ b/pages/blog/[...slug].vue
@@ -7,8 +7,7 @@ const location = useBrowserLocation()
 let year = new Date().getFullYear();
 
 let route = useRoute();
-// cant use "useAsyncData" here for some reason because it leads to the posts not rendering correctly
-const doc = await queryContent(route.path).findOne()
+const { data: doc } = await useAsyncData(`${route.path}-data`, () => queryContent(route.path).findOne())
 if (!doc) {
     throw createError({ statusCode: 404, statusMessage: 'Article not found', fatal: true })
 }
@@ -67,7 +66,7 @@ useHead({
     meta: [
         {
             name: "copyright",
-            content: "© ${year} juls07"
+            content: `© ${year} juls07`
         },
         {
             name: "robots",