refactor: use Nuxt Content for article query

sfbiberach · Mar 23, 2024 · 784d04b · 784d04b
1 parent 7c87cf6
commit 784d04b
Showing 1 changed file with 15 additions and 12 deletions.
diff --git a/pages/blog/[...slug].vue b/pages/blog/[...slug].vue
@@ -9,23 +9,26 @@ const appConfig = useAppConfig()
 const url = useRequestURL()
 const { copy } = useCopyToClipboard()
 
-const { data: article } = await useFetch('/api/blog.json', {
-  query: { _path: route.path },
-  transform: (data: BlogArticle[]) => data[0],
-})
-console.log(article.value)
+// const { data: article } = await useFetch('/api/blog.json', {
+//   query: { _path: route.path },
+//   transform: (data: BlogArticle[]) => data[0],
+// })
+const { data: article } = await useAsyncData(route.path, () => queryContent<BlogArticle>(route.path).findOne())
+console.log('article', article.value)
 
 if (!article.value)
   throw createError({ statusCode: 404, statusMessage: 'Post not found', fatal: false })
 
 const badge = computed(() => getBadgeProps(article.value?.badge))
 appConfig.ui.primary = badge.value.color
 
-// const { data: surround } = await useAsyncData(`${route.path}-surround`, () => queryContent('/blog')
-//   .where({ _extension: 'md' })
-//   .without(['body', 'excerpt'])
-//   .sort({ date: -1 })
-//   .findSurround(withoutTrailingSlash(route.path)), { default: () => [] })
+const { data: surround } = await useAsyncData(`${route.path}-surround`, () => queryContent('/blog')
+  .where({ _extension: 'md' })
+  .without(['body', 'excerpt'])
+  .sort({ date: -1 })
+  .findSurround(withoutTrailingSlash(route.path)), { default: () => [] })
+
+console.log('surround', surround.value)
 
 const title = article.value.head?.title || article.value.title
 const description = article.value.head?.description || article.value.description
@@ -107,9 +110,9 @@ function copyLink() {
           </div>
         </div>
 
-        <hr v-if="article.surround?.length">
+        <hr v-if="surround?.length">
 
-        <UContentSurround :surround="article.surround" />
+        <UContentSurround :surround="surround" />
       </UPageBody>
 
       <template #right>