nuxt · atinux · Jun 28, 2022 · Jun 28, 2022 · Jun 28, 2022
diff --git a/docs/content/1.index.md b/docs/content/1.index.md
@@ -18,8 +18,8 @@ secondary:
 #top
   ::hero-announcement
   ---
-  label: "Introducing the Document-Driven mode"
-  to: /blog/doc-driven
+  label: "Discover the Document Driven mode"
+  to: /guide/writing/document-driven
   ---
   ::
 

diff --git a/docs/content/3.guide/1.writing/7.document-driven.md b/docs/content/3.guide/1.writing/7.document-driven.md
@@ -152,4 +152,4 @@ Any changes to these files will be automatically reflected in the application du
 
 ## Example
 
-Jump into the [Document Driven Example](/examples/document-driven/hello-world) to see a working example.
+Jump into the [Document Driven Example](/examples/essentials/document-driven) to see a working example.
diff --git a/docs/content/5.examples/1.essentials/1.hello-world.md b/docs/content/5.examples/1.essentials/1.hello-world.md
@@ -1,6 +1,8 @@
 ---
 toc: false
-title: 'Hello world'
+title: 'Hello World'
+description: 'Minimal example of using Nuxt Content V2'
+head.title: 'Hello world | Examples'
 ---
 
 ::ReadMore{link="/get-started"}

diff --git a/...amples/2.document-driven/1.hello-world.md → ...xamples/1.essentials/2.document-driven.md b/...amples/2.document-driven/1.hello-world.md → ...xamples/1.essentials/2.document-driven.md
@@ -1,5 +1,7 @@
 ---
-title: Hello world
+toc: false
+title: 'Document Driven'
+description: 'Discover the document-driven mode of Nuxt Content in a live example.'
 ---
 
 ::ReadMore{link="/guide/writing/document-driven"}

diff --git a/docs/content/5.examples/2.document-driven/_dir.yml b/docs/content/5.examples/2.document-driven/_dir.yml
diff --git a/docs/content/5.examples/3.mdc/1.inline-components.md b/docs/content/5.examples/3.mdc/1.inline-components.md
@@ -1,11 +1,9 @@
 ---
 toc: false
 title: 'Inline components'
-description: ''
+description: 'Inline components are components that can be used inside paragraphs.'
 ---
 
-Inline components are components that don't contain any slot.
-
 After creating them in the `components/` directory, declare them in your markdown files with the `:` MDC syntax.
 
 ::ReadMore{link="/guide/writing/mdc#inline-components"}

diff --git a/docs/content/5.examples/3.mdc/2.nested-components.md b/docs/content/5.examples/3.mdc/2.nested-components.md
@@ -1,11 +1,9 @@
 ---
 toc: false
 title: 'Nested components'
-description: ''
+description: 'The MDC syntax allow you to nest components within a parent slot using indentation and the :: syntax.'
 ---
 
-The MDC syntax allow you to nest components within a parent slot using indentation and the `::` syntax.
-
 The `components/AppNested.vue` component uses the `<Markdown>` component as markdown-rendering slot.
 
 ::ReadMore{link="/guide/writing/mdc#nesting"}

diff --git a/docs/content/5.examples/3.mdc/3.props.md b/docs/content/5.examples/3.mdc/3.props.md
@@ -1,11 +1,9 @@
 ---
 toc: false
 title: 'Props'
-description: ''
+description: 'Pass props to your components in Markdown files using the {} MDC syntax.'
 ---
 
-Pass props to your components in Markdown files using the `{}` MDC syntax.
-
 ::ReadMore{link="/guide/writing/mdc#props"}
 ::
 

diff --git a/docs/content/5.examples/3.mdc/4.slots.md b/docs/content/5.examples/3.mdc/4.slots.md
@@ -1,11 +1,9 @@
 ---
 toc: false
 title: 'Slots'
-description: ''
+description: "You can fill a component's default slot by inserting content between ::"
 ---
 
-You can fill a component's default slot by inserting content between `::`.
-
 Use the `#` MDC syntax to fill a named slot inside a component.
 
 ::ReadMore{link="/guide/writing/mdc#slots"}

diff --git a/docs/content/5.examples/4.queries/1.where.md b/docs/content/5.examples/4.queries/1.where.md
@@ -1,5 +1,8 @@
 ---
 toc: false
+title: 'Where Queries'
+navigation.title: 'Where'
+description: 'Example of using the where() method of queryContent()'
 ---
 
 ::ReadMore{link="/api/composables/query-content#wherequery"}

diff --git a/docs/content/5.examples/4.queries/2.only.md b/docs/content/5.examples/4.queries/2.only.md
@@ -1,5 +1,8 @@
 ---
 toc: false
+title: 'Only Queries'
+navigation.title: 'Only'
+description: 'Example of using the only() method of queryContent()'
 ---
 
 ::ReadMore{link="/api/composables/query-content#onlykeys"}

diff --git a/docs/content/5.examples/4.queries/3.without.md b/docs/content/5.examples/4.queries/3.without.md
@@ -1,5 +1,8 @@
 ---
 toc: false
+title: 'Without Queries'
+navigation.title: 'Without'
+description: 'Example of using the without() method of queryContent()'
 ---
 
 ::ReadMore{link="/api/composables/query-content#withoutkeys"}

diff --git a/docs/content/5.examples/4.queries/4.skip-limit.md b/docs/content/5.examples/4.queries/4.skip-limit.md
@@ -1,5 +1,8 @@
 ---
 toc: false
+title: 'Skip & Limit Queries'
+navigation.title: 'Skip & Limit'
+description: 'Example of using the skip() and limit() methods of queryContent()'
 ---
 
 ::ReadMore{link="/api/composables/query-content#skipcount"}

diff --git a/docs/content/5.examples/5.navigation/1.fetch-content-navigation.md b/docs/content/5.examples/5.navigation/1.fetch-content-navigation.md
@@ -1,7 +1,7 @@
 ---
 toc: false
 title: 'fetchContentNavigation'
-description: ''
+description: 'Example of using the fetchContentNavigation() composable'
 ---
 
 ::ReadMore{link="/guide/displaying/navigation"}

diff --git a/docs/content/5.examples/5.navigation/2.use-route.md b/docs/content/5.examples/5.navigation/2.use-route.md
@@ -1,11 +1,9 @@
 ---
 toc: false
 title: 'useRoute'
-description: ''
+description: 'Use the `where()` method alongside the `useRoute()` composable to query content based on the current route.'
 ---
 
-Use the `where()` method alongside the `useRoute()` composable to query content based on the current route.
-
 ::ReadMore{link="/guide/displaying/querying"}
 ::
 

diff --git a/docs/content/5.examples/6.templates/1.content-wind.md b/docs/content/5.examples/6.templates/1.content-wind.md
@@ -1,14 +1,12 @@
 ---
 toc: false
 title: 'Content Wind'
-description: ''
+description: 'A lightweight Nuxt template to write a Markdown driven website with TailwindCSS and Iconify.'
 ---
 
-A lightweight Nuxt template to write a Markdown driven website, based on [Nuxt Content](https://content.nuxtjs.org), [TailwindCSS](https://tailwindcss.com) and [Iconify](https://iconify.design).
+It leverages the [`document driven mode`](/guide/writing/document-driven) to display the current Markdown page and the generated navigation.
 
 - Repository: [Atinux/content-wind](https://github.com/Atinux/content-wind)
 - Live demo: https://content-wind.nuxt.dev
 
-It leverages the [`<ContentDoc>`](/api/components/content-doc) and [`<ContentNavigation>`](/api/components/content-navigation) components to display the current Markdown page and generated navigation.
-
 :sandbox{repo="Atinux/content-wind" branch="main" file="app.vue"}
diff --git a/docs/yarn.lock b/docs/yarn.lock
@@ -280,40 +280,40 @@
   resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.0.1.tgz#b6b8d81780b9a9f6459f4bfe9226ac6aefaefe87"
   integrity sha512-aG20vknL4/YjQF9BSV7ts4EWm/yrjagAN7OWBNmlbEOUiu0llj4OGrFoOKK3g2vey4/p2omKCoHrWtPxSwV3HA==
 
-"@docus/base@npm:@docus/[email protected]19066a7":
-  version "3.0.0-19066a7"
-  resolved "https://registry.yarnpkg.com/@docus/base-edge/-/base-edge-3.0.0-19066a7.tgz#2b82eeae866434bbaa3c90ee03389eba1da634d7"
-  integrity sha512-eimBwq0Dhi2/XrvvdzvXxKuMYPvSm4rokIjpFe5bkEQvm5SPHLrOwvS8HeAlg0M5AZDi04CWCqBWUIA3OrxZAw==
+"@docus/base@npm:@docus/[email protected]8f848b3":
+  version "3.0.0-8f848b3"
+  resolved "https://registry.yarnpkg.com/@docus/base-edge/-/base-edge-3.0.0-8f848b3.tgz#84a7afc5496910b932908d3f5b2f3a3f468be832"
+  integrity sha512-A7ujSUf6cYBwwyRA5uzPpY8D6NZ13mZg3WkfDrrSCTdwYIPTvSzsp3U0d34ZcTkGX48ahOxx/qrFw1mXbGF1Rw==
   dependencies:
     "@nuxt/content" "npm:@nuxt/content-edge@latest"
     "@nuxthq/admin" "npm:@nuxthq/admin-edge@latest"
-    "@vueuse/core" "^8.7.3"
-    "@vueuse/nuxt" "^8.7.3"
+    "@vueuse/core" "^8.7.5"
+    "@vueuse/nuxt" "^8.7.5"
     defu "^6.0.0"
     nuxt "^3.0.0-rc.4"
-    pkg-types "^0.3.2"
+    pkg-types "^0.3.3"
 
 "@docus/docs-theme@npm:@docus/docs-theme-edge@latest":
-  version "3.0.0-19066a7"
-  resolved "https://registry.yarnpkg.com/@docus/docs-theme-edge/-/docs-theme-edge-3.0.0-19066a7.tgz#52a555f96e1517e5a9df719ceb3f849e068e1d54"
-  integrity sha512-WON8xvJKR5G6ZuuA7/1gHlvrctghPCWDjJ4SEPTIVq14+s3q9YiN74O2vbeK0U5yuOeqGLDReIZEjpb2xGQh8g==
+  version "3.0.0-8f848b3"
+  resolved "https://registry.yarnpkg.com/@docus/docs-theme-edge/-/docs-theme-edge-3.0.0-8f848b3.tgz#b00407509c5da1eef674de8a721b41fcd18a8316"
+  integrity sha512-dQhEf4khQgKej1nkLlTI5uBRoHkWfZZd0EOPX3k2+csyobQ/1RVG+JDUX2pJ3/Z6KUpCec2tno2MT75wmyrpmw==
   dependencies:
-    "@docus/base" "npm:@docus/[email protected]19066a7"
+    "@docus/base" "npm:@docus/[email protected]8f848b3"
     "@iconify/vue" "^3.2.1"
     "@nuxtjs/color-mode" "^3.1.4"
-    "@nuxtjs/tailwindcss" "^5.1.2"
+    "@nuxtjs/tailwindcss" "^5.1.3"
     "@tailwindcss/aspect-ratio" "^0.4.0"
     "@tailwindcss/forms" "^0.5.2"
     "@tailwindcss/line-clamp" "^0.4.0"
     "@tailwindcss/typography" "^0.5.2"
     "@vueuse/motion" "2.0.0-beta.12"
-    tailwindcss "^3.1.3"
+    tailwindcss "^3.1.4"
     vue-plausible "^1.3.1"
 
 "@docus/github@npm:@docus/github-edge@latest":
-  version "1.2.6-19066a7"
-  resolved "https://registry.yarnpkg.com/@docus/github-edge/-/github-edge-1.2.6-19066a7.tgz#5c67c45d4967cc716db69ceaeb40100981b0c858"
-  integrity sha512-QiYFshWD0EjM1ca+CompfskPoMnoMF2XhHvSNDTQcuy1h2vwuegQ6ayBLN5gSd1lrg1EMkELoEPKoWAfLEKv/g==
+  version "1.2.6-8f848b3"
+  resolved "https://registry.yarnpkg.com/@docus/github-edge/-/github-edge-1.2.6-8f848b3.tgz#73a6a2a972350da310e88d60e201ee0453bbf593"
+  integrity sha512-b+JJ2MojeAfctGYOnXLwyoX2ZXmg9fUYAAKbq21jKDpcbpCiZ29P0g76K8lmrIodTCf3Z6T+vtD243GL9U5KVw==
   dependencies:
     "@nuxt/kit" "^3.0.0-rc.4"
     "@octokit/graphql" "^4.8.0"
@@ -452,9 +452,9 @@
     fastq "^1.6.0"
 
 "@nuxt/content@npm:@nuxt/content-edge@latest":
-  version "2.0.1-27606133.48fc30b"
-  resolved "https://registry.yarnpkg.com/@nuxt/content-edge/-/content-edge-2.0.1-27606133.48fc30b.tgz#5a7e006a55a197a5bb00d4efede0f1933d7b844f"
-  integrity sha512-EW50CBR4+SEeGX7HcNXBSOv3kTrVr5iUcxbyS/3r30LMdUchQwWkivgDsbLwKyf1hglvulRQJNqNa30t3ZTLBg==
+  version "2.1.0-27606957.6426160"
+  resolved "https://registry.yarnpkg.com/@nuxt/content-edge/-/content-edge-2.1.0-27606957.6426160.tgz#a5f3dcab23bb32c3c13105865f69670bd910f8df"
+  integrity sha512-4lYMqbF3POOf2Mtdndj3vsn0PmVpwJ7M3FE8rRInBEr9HIGrng4pVVz+iwJIjb9WPJRvdfHF63p8KwHihMr6Rw==
   dependencies:
     "@nuxt/kit" "^3.0.0-rc.4"
     csvtojson "^2.0.10"
@@ -745,7 +745,7 @@
     lodash.template "^4.5.0"
     pathe "^0.3.0"
 
-"@nuxtjs/tailwindcss@^5.1.2":
+"@nuxtjs/tailwindcss@^5.1.3":
   version "5.1.3"
   resolved "https://registry.yarnpkg.com/@nuxtjs/tailwindcss/-/tailwindcss-5.1.3.tgz#a5ade6eb8a1d8b270fd0bf3f55ced10854d38505"
   integrity sha512-JEL192mo8bwz8MK18pqU0vIEIkNQk7qBJ4TkJpLd9cYFbfCGWOhZZVPrtIHALvjn80dzNg6KA9IxHWKxkkleaw==
@@ -803,10 +803,10 @@
     "@octokit/types" "^6.0.3"
     universal-user-agent "^6.0.0"
 
-"@octokit/openapi-types@^12.4.0":
-  version "12.4.0"
-  resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-12.4.0.tgz#fd8bf5db72bd566c5ba2cb76754512a9ebe66e71"
-  integrity sha512-Npcb7Pv30b33U04jvcD7l75yLU0mxhuX2Xqrn51YyZ5WTkF04bpbxLaZ6GcaTqu03WZQHoO/Gbfp95NGRueDUA==
+"@octokit/openapi-types@^12.5.0":
+  version "12.5.0"
+  resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-12.5.0.tgz#e10b256237c877fa6f0a21922151dc03d9c57510"
+  integrity sha512-VatvE5wtRkJq6hAWGTBZ62WkrdlCiy0G0u27cVOYTfAWVZi7QqTurVcjpsyc5+9hXLPRP5O/DaNEs4TgAp4Mqg==
 
 "@octokit/plugin-paginate-rest@^2.16.8":
   version "2.19.0"
@@ -821,11 +821,11 @@
   integrity sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==
 
 "@octokit/plugin-rest-endpoint-methods@^5.12.0":
-  version "5.15.0"
-  resolved "https://registry.yarnpkg.com/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-5.15.0.tgz#6c8251b55c33315a6e53e5b55654f72023ed5049"
-  integrity sha512-Gsw9+Xm56jVhfbJoy4pt6eOOyf8/3K6CAnx1Sl7U2GhZWcg8MR6YgXWnpfdF69S2ViMXLA7nfvTDAsZpFlkLRw==
+  version "5.16.0"
+  resolved "https://registry.yarnpkg.com/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-5.16.0.tgz#e0a774d78bb17fb9b6b9ae48d5517940f7f61e90"
+  integrity sha512-mvdwq+LvhR2GRDY82FgSZ52xX6wkOCpjiI3amiKbzKHd9nyKeFdXLsIQ3Go12tWRtvo+HwqoypLHDjRrgMFDQA==
   dependencies:
-    "@octokit/types" "^6.36.0"
+    "@octokit/types" "^6.38.0"
     deprecation "^2.3.1"
 
 "@octokit/request-error@^2.0.5", "@octokit/request-error@^2.1.0":
@@ -859,12 +859,12 @@
     "@octokit/plugin-request-log" "^1.0.4"
     "@octokit/plugin-rest-endpoint-methods" "^5.12.0"
 
-"@octokit/types@^6.0.3", "@octokit/types@^6.16.1", "@octokit/types@^6.36.0":
-  version "6.37.1"
-  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-6.37.1.tgz#600a9c9643f696ba68f229c8d71abbc1040ad6a6"
-  integrity sha512-Q1hXSP2YumHkDdD+V4wFKr7vJ9+8tjocixrTSb75JzJ4GpjSyu5B4kpgrXxO6GOs4nOmVyRwRgS4/RO/Lf9oEA==
+"@octokit/types@^6.0.3", "@octokit/types@^6.16.1", "@octokit/types@^6.36.0", "@octokit/types@^6.38.0":
+  version "6.38.0"
+  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-6.38.0.tgz#f9c6a6b05d1857f7b801d63bf49e0aacaad8b0d4"
+  integrity sha512-KJSF7k0fYD6stEPvkDR1V7ZI4ctCn6IVRRFkS1CItPsV5KdbIUUArasuVgVM5u35nJbbOJbBfQrEyqkI4/czdA==
   dependencies:
-    "@octokit/openapi-types" "^12.4.0"
+    "@octokit/openapi-types" "^12.5.0"
 
 "@rollup/plugin-alias@^3.1.9":
   version "3.1.9"
@@ -1231,7 +1231,7 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.37.tgz#8e6adc3f2759af52f0e85863dfb0b711ecc5c702"
   integrity sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==
 
-"@vueuse/[email protected]", "@vueuse/core@^8.0.1", "@vueuse/core@^8.7.3":
+"@vueuse/[email protected]", "@vueuse/core@^8.0.1", "@vueuse/core@^8.7.5":
   version "8.7.5"
   resolved "https://registry.yarnpkg.com/@vueuse/core/-/core-8.7.5.tgz#e74a888251ea11a9d432068ce18cbdfc4f810251"
   integrity sha512-tqgzeZGoZcXzoit4kOGLWJibDMLp0vdm6ZO41SSUQhkhtrPhAg6dbIEPiahhUu6sZAmSYvVrZgEr5aKD51nrLA==
@@ -1263,7 +1263,7 @@
     style-value-types "^5.1.0"
     vue-demi "*"
 
-"@vueuse/nuxt@^8.7.3":
+"@vueuse/nuxt@^8.7.5":
   version "8.7.5"
   resolved "https://registry.yarnpkg.com/@vueuse/nuxt/-/nuxt-8.7.5.tgz#8c9efb6a689a327ffc990465951ac052e094b455"
   integrity sha512-e+JSiNCdWaKyTiBtM856uNJaXeCw8Ka423AGsuvq+D+GXXQe0RhHzqqLS6pQutjWuftNRBRCOiITOzhtjMP+gA==
@@ -2321,9 +2321,9 @@ [email protected]:
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
 electron-to-chromium@^1.4.164:
-  version "1.4.171"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.171.tgz#2beb4e03744ef24a90580074edb87c06fbc86ed7"
-  integrity sha512-DmVNWJlGfCYtdgyxp24Aznd7Ou6a+XBSawxODh4lc39OHdh1a49Sitw8oxwMqzzm8n9m2P93OelvIF09SOTNwA==
+  version "1.4.172"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.172.tgz#87335795a3dc19e7b6dd5af291038477d81dc6b1"
+  integrity sha512-yDoFfTJnqBAB6hSiPvzmsBJSrjOXJtHSJoqJdI/zSIh7DYupYnIOHt/bbPw/WE31BJjNTybDdNAs21gCMnTh0Q==
 
 emmet-monaco-es@^5.1.0:
   version "5.1.0"
@@ -2393,9 +2393,9 @@ enhanced-resolve@^4.1.1:
     tapable "^1.0.0"
 
 enhanced-resolve@^5.9.3:
-  version "5.9.3"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.9.3.tgz#44a342c012cbc473254af5cc6ae20ebd0aae5d88"
-  integrity sha512-Bq9VSor+kjvW3f9/MiiR4eE3XYgOl7/rS8lnSxbRbF3kS0B2r+Y9w5krBWxZgDxASVZbdYrn5wT4j/Wb0J9qow==
+  version "5.10.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.10.0.tgz#0dc579c3bb2a1032e357ac45b8f3a6f3ad4fb1e6"
+  integrity sha512-T0yTFjdpldGY8PmuXXR0PyQ1ufZpEGiHVrp7zHKB7jdR4qlmZHhONVM5AQOAWXuF/w3dnHbEQVrNptJgt7F+cQ==
   dependencies:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
@@ -6156,7 +6156,7 @@ tailwind-config-viewer@^1.7.1:
     portfinder "^1.0.26"
     replace-in-file "^6.1.0"
 
-tailwindcss@^3.1.3, tailwindcss@^3.1.4:
+tailwindcss@^3.1.4:
   version "3.1.4"
   resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.1.4.tgz#64b09059805505902139fa805d97046080bd90b9"
   integrity sha512-NrxbFV4tYsga/hpWbRyUfIaBrNMXDxx5BsHgBS4v5tlyjf+sDsgBg5m9OxjrXIqAS/uR9kicxLKP+bEHI7BSeQ==

diff --git a/examples/document-driven/app.vue → examples/essentials/document-driven/app.vue b/examples/document-driven/app.vue → examples/essentials/document-driven/app.vue
@@ -1,5 +1,7 @@
 <template>
   <NuxtExampleLayout example="document-driven" repo="nuxt/content">
-    <NuxtPage />
+    <NuxtLayout>
+      <NuxtPage class="prose text-left" />
+    </NuxtLayout>
   </NuxtExampleLayout>
 </template>
diff --git a/examples/document-driven/content/index.md → ...ntials/document-driven/content/1.index.md b/examples/document-driven/content/index.md → ...ntials/document-driven/content/1.index.md
diff --git a/examples/document-driven/content/about.md → ...ntials/document-driven/content/2.about.md b/examples/document-driven/content/about.md → ...ntials/document-driven/content/2.about.md
@@ -1,3 +1,7 @@
+---
+layout: article
+---
+
 # About page
 
 You can go back to the [home page](/).
diff --git a/examples/essentials/document-driven/layouts/article.vue b/examples/essentials/document-driven/layouts/article.vue
@@ -0,0 +1,8 @@
+<template>
+  <div>
+    <div class="pb-4 border-b border-gray-500">
+      Article layout
+    </div>
+    <slot />
+  </div>
+</template>
diff --git a/examples/document-driven/nuxt.config.ts → ...essentials/document-driven/nuxt.config.ts b/examples/document-driven/nuxt.config.ts → ...essentials/document-driven/nuxt.config.ts
diff --git a/examples/document-driven/package.json → ...s/essentials/document-driven/package.json b/examples/document-driven/package.json → ...s/essentials/document-driven/package.json
diff --git a/examples/essentials/hello-world/app.vue b/examples/essentials/hello-world/app.vue
@@ -1,5 +1,5 @@
 <template>
   <NuxtExampleLayout example="essentials/hello-world" repo="nuxt/content">
-    <NuxtPage />
+    <NuxtPage class="prose text-left" />
   </NuxtExampleLayout>
 </template>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -152,4 +152,4 @@ Any changes to these files will be automatically reflected in the application du

		## Example

		Jump into the [Document Driven Example](/examples/document-driven/hello-world) to see a working example.
		Jump into the [Document Driven Example](/examples/essentials/document-driven) to see a working example.