use lazyasyncdata for postmeta component

probablyjassin · Nov 25, 2024 · 6434911 · 6434911
1 parent 8bdd4c4
commit 6434911
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/components/PostMeta.vue b/components/PostMeta.vue
@@ -14,7 +14,15 @@
 </template>
 
 <script setup lang="ts">
-const { page } = useContent()
+const route = useRoute()
+
+const { data: page } = await useLazyAsyncData(`content-${route.path}`, () => {
+    return queryContent()
+        .where({ _path: route.path })
+        .only(['body', 'date'])
+        .findOne()
+})
+
 const wordCount = computed(() => {
     if (!page.value?.body) return 0
     const content = JSON.stringify(page.value.body)