增加vitepress

Author: kaokei

.gitignore

@@ -34,3 +34,6 @@ storybook-static
 .vercel
 *.tgz
 *.ignore.ts
+
+
+cache

docs/.vitepress/config.ts

@@ -0,0 +1,52 @@
+import { defineConfig } from 'vitepress';
+
+// https://vitepress.dev/reference/site-config
+export default defineConfig({
+  title: '@kaokei/use-vue-service',
+  description:
+    'Lightweight Vue 3 state management with dependency injection, inspired by Angular services.',
+  themeConfig: {
+    // https://vitepress.dev/reference/default-theme-config
+    nav: [
+      { text: 'Home', link: '/' },
+      { text: 'API', link: '/api/' },
+      { text: 'Guide', link: '/guide/' },
+      { text: 'Note', link: '/note/' },
+    ],
+
+    sidebar: {
+      '/note/': [
+        {
+          text: 'Note',
+          link: '/note/',
+          items: [
+            {
+              text: '父组件与子组件的理解',
+              link: '/note/01.父组件与子组件的理解',
+            },
+            {
+              text: '子组件获取父组件服务',
+              link: '/note/02.子组件获取父组件服务',
+            },
+            {
+              text: '父组件获取子组件服务',
+              link: '/note/03.父组件获取子组件服务',
+            },
+            { text: '不同场景', link: '/note/04.不同场景' },
+            { text: '响应式方案', link: '/note/05.响应式方案' },
+            { text: '装饰器', link: '/note/06.装饰器' },
+            { text: 'SSR-deepseek', link: '/note/07.SSR-deepseek' },
+            { text: 'SSR-angular', link: '/note/08.SSR-angular' },
+            { text: 'SSR-pinia', link: '/note/09.SSR-pinia' },
+            { text: 'SSR', link: '/note/10.SSR' },
+            { text: '基本命令', link: '/note/99.基本命令' },
+          ],
+        },
+      ],
+    },
+
+    socialLinks: [
+      { icon: 'github', link: 'https://github.com/kaokei/use-vue-service' },
+    ],
+  },
+});

docs/.vitepress/theme/custom.css

@@ -0,0 +1,8 @@
+.name,
+.text {
+  max-width: 100% !important;
+}
+
+.heading .text {
+  margin: 20px 0;
+}

docs/.vitepress/theme/index.js

@@ -0,0 +1,4 @@
+import DefaultTheme from 'vitepress/theme'
+import './custom.css'
+
+export default DefaultTheme

docs/api-examples.md

@@ -0,0 +1,49 @@
+---
+outline: deep
+---
+
+# Runtime API Examples
+
+This page demonstrates usage of some of the runtime APIs provided by VitePress.
+
+The main `useData()` API can be used to access site, theme, and page data for the current page. It works in both `.md` and `.vue` files:
+
+```md
+<script setup>
+import { useData } from 'vitepress'
+
+const { theme, page, frontmatter } = useData()
+</script>
+
+## Results
+
+### Theme Data
+<pre>{{ theme }}</pre>
+
+### Page Data
+<pre>{{ page }}</pre>
+
+### Page Frontmatter
+<pre>{{ frontmatter }}</pre>
+```
+
+<script setup>
+import { useData } from 'vitepress'
+
+const { site, theme, page, frontmatter } = useData()
+</script>
+
+## Results
+
+### Theme Data
+<pre>{{ theme }}</pre>
+
+### Page Data
+<pre>{{ page }}</pre>
+
+### Page Frontmatter
+<pre>{{ frontmatter }}</pre>
+
+## More
+
+Check out the documentation for the [full list of runtime APIs](https://vitepress.dev/reference/runtime-api#usedata).

docs/api/README.md renamed to docs/api/index.md

@@ -0,0 +1,24 @@
+---
+# https://vitepress.dev/reference/default-theme-home-page
+layout: home
+
+hero:
+  name: '@kaokei/use-vue-service'
+  text: '​Vue 3 状态管理 + 依赖注入'
+  tagline: vuex/pinia的替代品，灵感来自于 Angular Service。
+  actions:
+    - theme: brand
+      text: Guide
+      link: /guide/
+    - theme: alt
+      text: API
+      link: /api/
+
+features:
+  - title: Feature A
+    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+  - title: Feature B
+    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+  - title: Feature C
+    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+---

docs/guide/README.md renamed to docs/guide/index.md

@@ -0,0 +1,85 @@
+# Markdown Extension Examples
+
+This page demonstrates some of the built-in markdown extensions provided by VitePress.
+
+## Syntax Highlighting
+
+VitePress provides Syntax Highlighting powered by [Shiki](https://github.com/shikijs/shiki), with additional features like line-highlighting:
+
+**Input**
+
+````md
+```js{4}
+export default {
+  data () {
+    return {
+      msg: 'Highlighted!'
+    }
+  }
+}
+```
+````
+
+**Output**
+
+```js{4}
+export default {
+  data () {
+    return {
+      msg: 'Highlighted!'
+    }
+  }
+}
+```
+
+## Custom Containers
+
+**Input**
+
+```md
+::: info
+This is an info box.
+:::
+
+::: tip
+This is a tip.
+:::
+
+::: warning
+This is a warning.
+:::
+
+::: danger
+This is a dangerous warning.
+:::
+
+::: details
+This is a details block.
+:::
+```
+
+**Output**
+
+::: info
+This is an info box.
+:::
+
+::: tip
+This is a tip.
+:::
+
+::: warning
+This is a warning.
+:::
+
+::: danger
+This is a dangerous warning.
+:::
+
+::: details
+This is a details block.
+:::
+
+## More
+
+Check out the documentation for the [full list of markdown extensions](https://vitepress.dev/guide/markdown).