docs: bump @nuxt-themes/ui-kit & @nuxt/content

docs/app.vue

@@ -92,9 +92,6 @@ useHead({
   ],
   htmlAttrs: {
     lang: 'en'
-  },
-  bodyAttrs: {
-    class: 'antialiased font-sans text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-900'
   }
 })
 

docs/components/content/ComponentCard.vue

@@ -211,8 +211,9 @@ function renderObject (obj: any) {
 const { data: ast } = await useAsyncData(`${name}-ast-${JSON.stringify(props)}`, () => transformContent('content:_markdown.md', code.value, {
   highlight: {
     theme: {
-      light: 'material-lighter',
-      dark: 'material-palenight'
+      light: 'material-theme-lighter',
+      default: 'material-theme',
+      dark: 'material-theme-palenight'
     }
   }
 }), { watch: [code] })

docs/components/content/ComponentPreset.vue

@@ -29,8 +29,9 @@ ${JSON.stringify(preset, null, 2)}
 `, {
   highlight: {
     theme: {
-      light: 'material-lighter',
-      dark: 'material-palenight'
+      light: 'material-theme-lighter',
+      default: 'material-theme',
+      dark: 'material-theme-palenight'
     }
   }
 }))

docs/nuxt.config.ts

@@ -1,8 +1,11 @@
+import { createResolver } from '@nuxt/kit'
 import colors from 'tailwindcss/colors'
 import module from '../src/module'
 import { excludeColors } from '../src/colors'
 import pkg from '../package.json'
 
+const { resolve } = createResolver(import.meta.url)
+
 export default defineNuxtConfig({
   extends: '@nuxt-themes/ui-kit',
   modules: [
@@ -10,6 +13,7 @@ export default defineNuxtConfig({
     '@nuxt/devtools',
     // '@nuxthq/studio',
     module,
+    '@nuxtjs/fontaine',
     '@nuxtjs/google-fonts',
     '@nuxtjs/plausible',
     '@vueuse/nuxt',
@@ -44,6 +48,7 @@ export default defineNuxtConfig({
   },
   componentMeta: {
     globalsOnly: true,
+    exclude: [resolve('./components'), resolve('@nuxt-themes/ui-kit/components')],
     metaFields: {
       props: true,
       slots: false,

docs/package.json

@@ -4,11 +4,12 @@
   "devDependencies": {
     "@iconify-json/heroicons": "latest",
     "@iconify-json/simple-icons": "latest",
-    "@nuxt-themes/ui-kit": "npm:@nuxt-themes/ui-kit-edge@0.0.1-28164481.fd7cd68",
-    "@nuxt/content": "2.7.0",
+    "@nuxt-themes/ui-kit": "npm:@nuxt-themes/ui-kit-edge@0.0.1-28175745.ce6207e",
+    "@nuxt/content": "^2.7.2",
     "@nuxt/devtools": "^0.6.7",
     "@nuxt/eslint-config": "^0.1.1",
     "@nuxthq/studio": "^0.13.4",
+    "@nuxtjs/fontaine": "^0.4.1",
     "@nuxtjs/google-fonts": "^3.0.2",
     "@nuxtjs/plausible": "^0.2.1",
     "@vueuse/nuxt": "^10.2.1",

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

@@ -1,5 +1,16 @@
 <template>
   <UDocsPage v-if="page" :page="page" :surround="(surround as ParsedContent[])">
+    <ContentRenderer v-if="page && page.body" :value="page" class="prose prose-primary dark:prose-invert max-w-none" />
+
+    <UButton
+      :to="githubLink"
+      variant="link"
+      icon="i-heroicons-pencil-square"
+      label="Edit this page on GitHub"
+      :padded="false"
+      class="mt-12"
+    />
+
     <template #footer>
       <Footer />
     </template>
@@ -27,4 +38,6 @@ if (process.server && !page.value) {
 }
 
 useContentHead(page)
+
+const githubLink = computed(() => `https://github.com/nuxtlabs/ui/edit/dev/docs/content/${page?.value?._file}`)
 </script>

docs/tailwind.config.ts

@@ -5,7 +5,7 @@ export default <Partial<Config>>{
   theme: {
     extend: {
       fontFamily: {
-        sans: ['Inter', ...defaultTheme.fontFamily.sans]
+        sans: ['Inter', 'Inter fallback', ...defaultTheme.fontFamily.sans]
       }
     }
   }