From f5021ebe06196548b6fbba1a35e5072c6f5ff5c7 Mon Sep 17 00:00:00 2001
From: nurRiyad <asadnurriyad@gmail.com>
Date: Fri, 23 Dec 2022 01:52:01 +0600
Subject: [PATCH] fix loading problem with nuxt content

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
---
 pages/[...slug].vue    | 22 ++++++++++++++++++++--
 pages/tags/[topic].vue |  3 ---
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/pages/[...slug].vue b/pages/[...slug].vue
index 9d2f9a6..c72210f 100644
--- a/pages/[...slug].vue
+++ b/pages/[...slug].vue
@@ -1,13 +1,31 @@
 <script setup lang="ts">
+import { ParsedContent } from "@nuxt/content/dist/runtime/types";
+
 definePageMeta({
   layout: "blog",
 });
+
+const route = useRoute();
+
+const path = computed(() => {
+  return route.path || "";
+});
+
+const { data } = await useAsyncData("page-data", () =>
+  queryContent(`${path.value}`).findOne()
+);
+
+const content = computed(() => {
+  return data.value as ParsedContent;
+});
 </script>
 
 <template>
   <main
-    class="container mx-auto bg-white max-w-5xl p-6 min-h-screen prose prose-slate"
+    class="container mx-auto bg-white max-w-6xl p-6 min-h-screen prose prose-slate"
   >
-    <ContentDoc />
+    <ContentRenderer :value="content">
+      <ContentRendererMarkdown :value="content" />
+    </ContentRenderer>
   </main>
 </template>
diff --git a/pages/tags/[topic].vue b/pages/tags/[topic].vue
index 7e8ede1..e113310 100644
--- a/pages/tags/[topic].vue
+++ b/pages/tags/[topic].vue
@@ -25,9 +25,6 @@ const getRecentContent = computed(() => {
       dir: post._dir,
     };
   });
-
-  console.log(modifedPost);
-
   const filteredPost = modifedPost.filter(
     (post) => post.dir === routeType.value
   );