docs: update @nuxt/content and remove custom content components (#490)

Co-authored-by: Sébastien Chopin <[email protected]>
Co-authored-by: Sébastien Chopin <[email protected]>

Author: HugoRCD

docs/app/assets/main.css

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@import "tailwindcss" theme(static);
 @import "@nuxt/ui-pro";
 
 @source "../../content/**/*";
@@ -8,7 +8,7 @@
   --ui-bg: rgb(2, 4, 32);
 }
 
-@theme {
+@theme static {
   --font-sans: 'Public Sans', sans-serif;
 
   --breakpoint-3xl: 1920px;

docs/app/components/content/Field.vue

@@ -3,7 +3,6 @@ const props = defineProps<{
   tabs?: string[]
 }>()
 
-// TODO: Fix hydration issue
 const { data: table } = await useAsyncData('pricing-table', () => {
   return queryCollection('cloudflarePricing').first()
 })

docs/app/components/content/FieldGroup.vue

@@ -68,7 +68,7 @@ onMounted(() => {
     </div>
 
     <template v-if="page.body?.toc" #right>
-      <UContentToc :title="toc?.title" :links="page.body?.toc?.links" highlight />
+      <UContentToc :title="toc?.title" :links="page.body?.toc?.links" highlight class="backdrop-blur-none" />
     </template>
   </UPage>
 </template>

docs/app/components/content/PricingTable.vue

@@ -12,16 +12,16 @@
   "dependencies": {
     "@iconify-json/heroicons": "^1.2.2",
     "@iconify-json/logos": "^1.2.4",
-    "@iconify-json/lucide": "^1.2.26",
+    "@iconify-json/lucide": "^1.2.28",
     "@iconify-json/ph": "^1.2.2",
-    "@iconify-json/simple-icons": "^1.2.25",
-    "@iconify-json/vscode-icons": "^1.2.15",
-    "@nuxt/content": "https://pkg.pr.new/@nuxt/content@52659d0",
+    "@iconify-json/simple-icons": "^1.2.27",
+    "@iconify-json/vscode-icons": "^1.2.16",
+    "@nuxt/content": "^3.2.2",
     "@nuxt/fonts": "^0.10.3",
     "@nuxt/image": "^1.9.0",
-    "@nuxt/scripts": "^0.10.4",
-    "@nuxt/ui": "3.0.0-alpha.13",
-    "@nuxt/ui-pro": "3.0.0-alpha.13",
+    "@nuxt/scripts": "^0.10.5",
+    "@nuxt/ui": "3.0.0-beta.2",
+    "@nuxt/ui-pro": "3.0.0-beta.2",
     "@nuxtjs/plausible": "^1.2.0",
     "@rollup/plugin-yaml": "^4.1.2",
     "@tsparticles/engine": "^3.8.1",
@@ -32,7 +32,7 @@
     "medium-zoom": "^1.1.0",
     "nuxt": "^3.15.4",
     "nuxt-cloudflare-analytics": "^1.0.8",
-    "nuxt-llms": "^0.0.2",
-    "nuxt-og-image": "^4.1.4"
+    "nuxt-llms": "^0.1.0",
+    "nuxt-og-image": "^4.1.6"
   }
 }

docs/app/pages/docs/[...slug].vue

@@ -38,45 +38,45 @@
     "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@cloudflare/workers-types": "^4.20250204.0",
-    "@nuxt/devtools-kit": "^2.0.0",
+    "@cloudflare/workers-types": "^4.20250303.0",
+    "@nuxt/devtools-kit": "^2.1.3",
     "@nuxt/kit": "^3.15.4",
     "@uploadthing/mime-types": "^0.3.4",
     "citty": "^0.1.6",
-    "confbox": "^0.1.8",
+    "confbox": "^0.2.1",
     "defu": "^6.1.4",
     "destr": "^2.0.3",
-    "h3": "^1.15.0",
+    "h3": "^1.15.1",
     "mime": "^4.0.6",
     "nitro-cloudflare-dev": "^0.2.1",
     "ofetch": "^1.4.1",
     "pathe": "^2.0.3",
-    "pkg-types": "^1.3.1",
-    "std-env": "^3.8.0",
+    "pkg-types": "^2.1.0",
+    "std-env": "^3.8.1",
     "ufo": "^1.5.4",
     "uncrypto": "^0.1.3",
-    "unstorage": "^1.14.4",
+    "unstorage": "^1.15.0",
     "zod": "^3.24.2"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^2.0.0",
-    "@nuxt/eslint-config": "^1.0.1",
+    "@nuxt/devtools": "^2.1.3",
+    "@nuxt/eslint-config": "^1.1.0",
     "@nuxt/module-builder": "^0.8.4",
     "@nuxt/schema": "^3.15.4",
-    "@nuxt/test-utils": "^3.15.4",
+    "@nuxt/test-utils": "^3.17.1",
     "@nuxthub/core": "link:",
-    "@types/node": "^22.13.1",
-    "changelogen": "^0.5.7",
-    "eslint": "^9.20.1",
+    "@types/node": "^22.13.9",
+    "changelogen": "^0.6.1",
+    "eslint": "^9.21.0",
     "nuxt": "^3.15.4",
     "typescript": "5.6.3",
-    "vitest": "^3.0.5",
-    "wrangler": "^3.107.3"
+    "vitest": "^3.0.7",
+    "wrangler": "^3.112.0"
   },
   "resolutions": {
     "h3": "^1.14.0"
   },
-  "packageManager": "pnpm@10.3.0",
+  "packageManager": "pnpm@10.5.2",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@parcel/watcher",

docs/package.json

@@ -1,2 +1,2 @@
-@import "tailwindcss";
-@import "@nuxt/ui-pro";
+@import "tailwindcss" theme(static);
+@import "@nuxt/ui";

package.json

@@ -8,24 +8,24 @@
     "preview": "nuxi preview"
   },
   "dependencies": {
-    "@ai-sdk/vue": "^1.1.16",
+    "@ai-sdk/vue": "^1.1.19",
     "@cloudflare/puppeteer": "^0.0.14",
-    "@iconify-json/simple-icons": "^1.2.24",
+    "@iconify-json/simple-icons": "^1.2.27",
     "@kgierke/nuxt-basic-auth": "^1.7.0",
-    "@nuxt/ui": "3.0.0-alpha.13",
+    "@nuxt/ui": "3.0.0-beta.2",
     "@nuxthub/core": "latest",
-    "@nuxtjs/mdc": "^0.13.5",
-    "@vueuse/core": "^12.6.1",
-    "@vueuse/nuxt": "^12.6.1",
-    "ai": "^4.1.40",
+    "@nuxtjs/mdc": "^0.14.0",
+    "@vueuse/core": "^12.7.0",
+    "@vueuse/nuxt": "^12.7.0",
+    "ai": "^4.1.50",
     "aws4fetch": "^1.0.20",
-    "drizzle-orm": "^0.39.3",
+    "drizzle-orm": "^0.40.0",
     "nuxt": "^3.15.4",
-    "nuxt-auth-utils": "^0.5.15",
+    "nuxt-auth-utils": "^0.5.16",
     "postgres": "^3.4.5",
-    "puppeteer": "^24.2.1",
-    "tailwindcss": "^4.0.6",
-    "workers-ai-provider": "^0.0.11",
+    "puppeteer": "^24.3.1",
+    "tailwindcss": "^4.0.9",
+    "workers-ai-provider": "^0.1.1",
     "zod": "^3.24.2"
   },
   "devDependencies": {