fix loading problem with nuxt content

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

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>

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
   );