✨优化文档

7 files changed, 58 insertions, 0 deletions

diff --git a/docs/.playground/app.config.ts b/docs/.playground/app.config.ts
new file mode 100644
index 0000000..7c39a6e
--- /dev/null
+++ b/docs/.playground/app.config.ts
@@ -0,0 +1,15 @@
+export default defineAppConfig({
+  docus: {
+    title: 'MDC',
+    socials: {
+      github: 'nuxt-themes/docus',
+    },
+    github: {
+      dir: '.playground/content',
+      branch: 'dev',
+      repo: 'docus',
+      owner: 'nuxt-themes',
+      edit: true,
+    }
+  }
+})
diff --git a/docs/.playground/components/content/CounterButton.vue b/docs/.playground/components/content/CounterButton.vue
new file mode 100644
index 0000000..35ef97b
--- /dev/null
+++ b/docs/.playground/components/content/CounterButton.vue
@@ -0,0 +1,17 @@
+<script setup>
+const count = ref(0)
+</script>
+
+<template>
+  <button @click="count++">
+    {{ count }}
+  </button>
+</template>
+
+<style scoped>
+button {
+  border: 1px #ddd solid;
+  padding: 3px 10px;
+  border-radius: 5px;
+}
+</style>
diff --git a/docs/.playground/content/0.index.md b/docs/.playground/content/0.index.md
new file mode 100644
index 0000000..96ffe98
--- /dev/null
+++ b/docs/.playground/content/0.index.md
@@ -0,0 +1,18 @@
+# Markdown meets Vue Components
+
+MDC is Markdown with a way to use Vue components with a `:component` syntax fitting perfectly into your markup. No import needed, just use the component name as a tag, supporting props and slots. Writing interative content with Vue is now a breeze.
+
+::code-group
+
+```md [MDC]
+# Hello MDC
+
+I am using an inline component :counter-button.
+```
+::code-block{label="Preview" preview}
+  # Hello MDC
+
+I am using an inline component :counter-button.
+::
+
+::
diff --git a/docs/.playground/nuxt.config.ts b/docs/.playground/nuxt.config.ts
new file mode 100644
index 0000000..61b1b07
--- /dev/null
+++ b/docs/.playground/nuxt.config.ts
@@ -0,0 +1,4 @@
+export default defineNuxtConfig({
+  extends: '../',
+  modules: ['@nuxt/devtools']
+})
diff --git a/docs/.playground/public/cover.png b/docs/.playground/public/cover.png
new file mode 100644
index 0000000..c8b3473
--- /dev/null
+++ b/docs/.playground/public/cover.png
diff --git a/docs/.playground/public/favicon.ico b/docs/.playground/public/favicon.ico
new file mode 100644
index 0000000..a99a983
--- /dev/null
+++ b/docs/.playground/public/favicon.ico
diff --git a/docs/.playground/tsconfig.json b/docs/.playground/tsconfig.json
new file mode 100644
index 0000000..a7bfa18
--- /dev/null
+++ b/docs/.playground/tsconfig.json
@@ -0,0 +1,4 @@
+{
+  // https://v3.nuxtjs.org/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}