chore: add example pages

Author: atinux

playground/components/Docs.md

@@ -1,3 +1,3 @@
 ### Markdown as Component
 
-This is a components the wrote as markdown
+This is a components written as markdown.

playground/layouts/dark.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="dark">
+    <code>Dark layout</code>
+    <slot />
+  </div>
+</template>
+
+<style scoped>
+.dark {
+  background: #eee;
+}
+</style>

playground/layouts/default.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <code>Default layout</code>
+    <slot />
+  </div>
+</template>

playground/middleware/log.ts

@@ -0,0 +1,3 @@
+export default defineNuxtRouteMiddleware((to) => {
+  console.log('[log middleware] Going to ', to.path)
+})

playground/pages/about.md

@@ -0,0 +1,8 @@
+---
+meta:
+  layout: dark
+---
+
+# About page
+
+Go back [home](/)

playground/pages/blog.md

@@ -0,0 +1,19 @@
+---
+title: Blog
+seo:
+  title: 'Welcome to my blog'
+  description: 'A list of article about Vue & Nuxt'
+meta:
+  layout: dark
+  middleware: log
+---
+
+# Blog
+
+Welcome to the blog section.
+
+frontmatter:
+
+<pre>{{ frontmatter }}</pre>
+
+Back [home](/).

playground/pages/dynamic/[slug].md

@@ -0,0 +1,9 @@
+# Hello {{ $route.params.slug }}
+
+This is a dynamic route written in Markdown ✨
+
+- Go to [/dynamic/hello](/dynamic/hello)
+- Go to [/dynamic/foo](/dynamic/foo)
+- Go to [/dynamic/bar](/dynamic/bar)
+
+Back to [home](/).

playground/pages/foo.md

@@ -2,12 +2,24 @@
 
 Nuxt Page as Markdown
 
+- Go to [/blog](/blog)
+- Go to [/about](/about)
+- Go to [/dynamic/hello](/dynamic/hello)
+
+---
+
 <Counter />
 
 <Docs />
 
-Go to [/foo](/foo)
-
 ---
 
 For [Nuxt](http://nuxt.com/)
+
+Checkout the [about page](/about) or the [blog](/blog).
+
+```ts
+export default defineNuxtConfig({
+  // Hello World
+})
+```

playground/pages/index.md

@@ -77,6 +77,10 @@ export default defineNuxtModule<ModuleOptions>({
       )
     }
 
+    options.wrapperClasses = options.wrapperClasses || ''
+    // Force disabling head (leveraging `seo` key)
+    options.headEnabled = false
+
     addVitePlugin(() => Markdown.vite(options))
     addWebpackPlugin(() => Markdown.webpack(options))
   },