chore(deps): update to nuxt/content v3

app/components/StaticMarkdownRender.server.ts

@@ -1,17 +1,18 @@
-import { ContentRendererMarkdown } from '#components'
+import { ContentRenderer } from '#components'
 
 export default defineComponent({
   props: {
-    path: String,
+    collection: { type: String as () => 'page' | 'blog', required: true },
+    path: { type: String, required: true },
   },
   async setup (props) {
     if (import.meta.dev) {
       const { data } = await useAsyncData(() =>
-        queryContent(props.path!).findOne(),
+        queryCollection(props.collection).path(props.path!).first(),
       )
-      return () => h(ContentRendererMarkdown, { value: data.value! })
+      return () => h(ContentRenderer, { value: data.value! })
     }
-    const value = await queryContent(props.path!).findOne()
-    return () => h(ContentRendererMarkdown, { value })
+    const value = await queryCollection(props.collection).path(props.path!).first()
+    return () => h(ContentRenderer, { value })
   },
 })

app/components/TheBlogIndex.server.vue

@@ -1,13 +1,9 @@
 <script setup lang="ts">
-const entries = await queryContent('/blog')
-  .only(['title', 'date', '_path'])
-  .find()
+const entries = await queryCollection('blog')
+  .select('title', 'date', 'path')
+  .all()
   .then(result => {
-    return (result as Array<{ title?: string, date: string, _path: string }>)
-      .map(e => ({
-        ...e,
-        path: e._path,
-      }))
+    return result
       .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
   })
 </script>

app/components/TheHome.server.vue

@@ -40,14 +40,8 @@ const { data: streams } = await useFetch('/api/streams', {
 })
 
 const { data: articles } = await useAsyncData(async () => {
-  const result = await queryContent('/blog')
-    .only(['title', 'date', '_path'])
-    .find()
-  return (result as Array<{ title?: string, date: string, _path: string }>)
-    .map(e => ({
-      ...e,
-      path: e._path,
-    }))
+  const result = await queryCollection('blog').select('title', 'date', 'path').all()
+  return result
     .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
     .slice(0, 4)
 })
@@ -355,7 +349,7 @@ const { data: talks } = await useAsyncData(
       <ul class="flex flex-col mt-4">
         <li
           v-for="article in articles"
-          :key="article._path"
+          :key="article.path"
           class="py-2"
         >
           <NuxtLink

app/pages/ai.vue

@@ -7,7 +7,10 @@
     </header>
 
     <main class="text-muted text-lg max-w-[37.50rem]">
-      <StaticMarkdownRender path="/ai" />
+      <StaticMarkdownRender
+        collection="page"
+        path="/ai"
+      />
     </main>
   </div>
 </template>

app/pages/bio.vue

@@ -7,7 +7,10 @@
     </header>
 
     <main class="text-muted text-lg max-w-[37.50rem]">
-      <StaticMarkdownRender path="/bio" />
+      <StaticMarkdownRender
+        collection="page"
+        path="/bio"
+      />
     </main>
   </div>
 </template>

app/pages/blog/[article].vue

@@ -43,7 +43,10 @@
       v-if="page"
       :class="$style.blog"
     >
-      <StaticMarkdownRender :path="path" />
+      <StaticMarkdownRender
+        collection="blog"
+        :path="path"
+      />
     </section>
     <WebMentions />
   </main>
@@ -62,9 +65,9 @@ const { data: page } = await useAsyncData(
   path.value,
   () =>
     ((import.meta.server || import.meta.dev) as true)
-    && queryContent(path.value)
-      .only(['title', 'date', 'tags', 'description'])
-      .findOne(),
+    && queryCollection('blog').path(path.value)
+      .select('title', 'date', 'tags', 'description')
+      .first(),
 )
 
 if (!page.value) {

app/pages/uses.vue

@@ -9,7 +9,10 @@
       class="text-muted text-lg max-w-[37.50rem] text-base"
       :class="$style.uses"
     >
-      <StaticMarkdownRender path="/uses" />
+      <StaticMarkdownRender
+        collection="page"
+        path="/uses"
+      />
     </main>
   </div>
 </template>

content.config.ts

@@ -0,0 +1,21 @@
+import { defineCollection, defineContentConfig, z } from '@nuxt/content'
+
+export default defineContentConfig({
+  collections: {
+    page: defineCollection({
+      source: '*.md',
+      type: 'page',
+    }),
+    blog: defineCollection({
+      source: 'blog/*.md',
+      type: 'page',
+      schema: z.object({
+        title: z.string(),
+        date: z.date(),
+        tags: z.array(z.string()),
+        description: z.string(),
+        skip_dev: z.boolean().optional(),
+      }),
+    }),
+  },
+})

package.json

@@ -30,7 +30,7 @@
     "@iconify-json/ri": "^1.2.5",
     "@iconify-json/svg-spinners": "^1.2.2",
     "@iconify-json/tabler": "^1.2.13",
-    "@nuxt/content": "2.13.4",
+    "@nuxt/content": "3.0.0",
     "@nuxt/eslint": "0.7.5",
     "@nuxt/fonts": "0.10.3",
     "@nuxt/image": "1.9.0",