feat: Nuxt Content v3 (#52)

Author: harlan-zw

Diff for: .gitignore

@@ -51,3 +51,5 @@ coverage
 Network Trash Folder
 Temporary Items
 .apdisk
+
+.data

Diff for: client/nuxt.config.ts

@@ -2,15 +2,20 @@ import { resolve } from 'pathe'
 
 export default defineNuxtConfig({
   ssr: false,
+
   modules: [
     '@nuxt/devtools-ui-kit',
   ],
+
   nitro: {
     output: {
       publicDir: resolve(__dirname, '../dist/client'),
     },
   },
+
   app: {
     baseURL: '/__nuxt-link-checker',
   },
-})
+
+  compatibilityDate: '2025-01-20',
+})

Diff for: client/package.json

@@ -2,13 +2,13 @@
   "name": "nuxt-link-checker-devtools",
   "private": true,
   "devDependencies": {
-    "@iconify-json/carbon": "^1.2.4",
-    "@nuxt/devtools-kit": "^1.6.4",
+    "@iconify-json/carbon": "^1.2.5",
+    "@nuxt/devtools-kit": "^1.7.0",
     "@nuxt/devtools-ui-kit": "latest",
-    "@nuxt/kit": "^3.14.1592",
+    "@nuxt/kit": "^3.15.2",
     "floating-vue": "5.2.2",
     "nuxt": "latest",
-    "shiki": "^1.24.2",
+    "shiki": "^1.27.2",
     "vue": "3.5.10",
     "vue-router": "latest"
   }

Diff for: package.json

@@ -2,7 +2,7 @@
   "name": "nuxt-link-checker",
   "type": "module",
   "version": "4.0.4",
-  "packageManager": "[email protected].0",
+  "packageManager": "[email protected].4",
   "description": "Find and magically fix links that may be negatively effecting your Nuxt sites SEO.",
   "author": {
     "name": "Harlan Wilton",
@@ -54,37 +54,38 @@
     "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@nuxt/devtools-kit": "^1.6.4",
-    "@nuxt/kit": "^3.14.1592",
-    "@vueuse/core": "^12.0.0",
-    "chalk": "^5.3.0",
-    "cheerio": "1.0.0",
+    "@nuxt/devtools-kit": "2.0.0-beta.3",
+    "@nuxt/kit": "^3.15.2",
+    "@vueuse/core": "^12.4.0",
+    "chalk": "^5.4.1",
+    "cheerio": "^1.0.0",
     "diff": "^7.0.0",
     "fuse.js": "^7.0.0",
-    "magic-string": "^0.30.15",
-    "nuxt-site-config": "3.0.6",
-    "pathe": "^1.1.2",
-    "pkg-types": "^1.2.1",
+    "magic-string": "^0.30.17",
+    "nuxt-site-config": "^3.0.6",
+    "pathe": "^2.0.2",
+    "pkg-types": "^1.3.1",
     "radix3": "^1.1.2",
     "sirv": "^3.0.0",
     "ufo": "^1.5.4"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^3.12.0",
-    "@nuxt/content": "^2.13.4",
-    "@nuxt/devtools": "^1.6.4",
+    "@antfu/eslint-config": "^3.14.0",
+    "@nuxt/content": "3.0.0",
+    "@nuxt/content-v2": "npm:@nuxt/[email protected]",
+    "@nuxt/devtools": "^2.0.0-beta.3",
     "@nuxt/module-builder": "0.8.4",
-    "@nuxt/test-utils": "^3.15.1",
-    "@nuxt/ui": "^2.20.0",
+    "@nuxt/test-utils": "^3.15.4",
+    "@nuxt/ui": "^2.21.0",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
-    "@nuxtjs/sitemap": "7.0.0",
-    "@types/diff": "^6.0.0",
-    "bumpp": "^9.9.1",
-    "eslint": "9.17.0",
+    "@nuxtjs/sitemap": "^7.2.1",
+    "@types/diff": "^7.0.0",
+    "bumpp": "^9.10.1",
+    "eslint": "9.18.0",
     "execa": "^9.5.2",
-    "nuxt": "^3.14.1592",
+    "nuxt": "^3.15.2",
     "typescript": "5.6.3",
-    "vitest": "^2.1.8"
+    "vitest": "^3.0.2"
   },
   "resolutions": {
     "nuxt-link-checker": "workspace:*",

Diff for: playground/content.config.ts

@@ -0,0 +1,10 @@
+import { defineCollection, defineContentConfig } from '@nuxt/content'
+
+export default defineContentConfig({
+  collections: {
+    content: defineCollection({
+      type: 'page',
+      source: '**/*.md',
+    }),
+  },
+})

Diff for: playground/content/content-page.md

@@ -0,0 +1,5 @@
+This is a link to an about page that does not exist:
+
+- [Misc Warnings](/ABOUT/)
+- [Similar](/content-similer)
+- [Non existence](/content-non-existence)

Diff for: playground/content/content-similar.md

@@ -0,0 +1,3 @@
+This is a link to an about page that does not exist:
+
+- [Non existence](/content-non-existence)

Diff for: playground/package.json

@@ -8,7 +8,7 @@
     "generate": "nuxi generate"
   },
   "dependencies": {
-    "@nuxt/ui": "^2.20.0",
+    "@nuxt/ui": "^2.21.0",
     "nuxt-link-checker": "workspace:*",
     "nuxt-link-checker-devtools": "workspace:*"
   }

Diff for: playground/pages/[...slug].vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { queryCollection, useRoute } from '#imports'
+
+const route = useRoute()
+const { data: page } = await useAsyncData(`page-${route.path}`, () => {
+  return queryCollection('content').path(route.path).first()
+})
+if (!page.value) {
+  throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
+}
+useSeoMeta(page.value?.seo || {})
+</script>
+
+<template>
+  <div>
+    <ContentRenderer
+      v-if="page"
+      :value="page"
+    />
+    <div v-else>
+      Page not found
+    </div>
+  </div>
+</template>