如何贡献Demo #

通过提PR的形式贡献，步骤如下：

1. 启动项目 #

通过git clone KoalaForm的github地址，执行以下命令

pnpm i
pnpm run docs:dev

启动后可访问文档地址：http://localhost:3000/

2. 新建demo的md文件 #

在docs/zh/demos目录新建md文件，比如login.md

3. 配置md文件 #

在docs/.vitepress/config.js中，找到getDemosSidebar方法，配置md文件的路由，比如

function getDemosSidebar() {
  return [
    { text: '如何贡献Demo', link: '/zh/demos/' },
    { text: '登录', link: '/zh/demos/login' },
  ]
}

保存后，访问：http://localhost:3000/zh/demos/login 可以看到配置的md文件

4. 开发demo示例 #

在docs/examples/demos目录下，新建demo文件，比如login.vue

开发完demo后，将文件导出到docs/examples/demos/index.js中

5. 配置demo到md文件 #

回到md文件上，使用ExampleDoc组件引用示例和代码，如：

<ExampleDoc expanded>
<Login>
</Login>
<template #code>

<<< @/examples/demos/login.vue

</template>
</ExampleDoc>

配置保存之后，可以在浏览器看到效果。

6. 提交PR #

提交PR到gitHub上。