docs: fix install guide

Author: Blackman99

.history/packages/docs/guide/install_20230105214333.md

@@ -0,0 +1,63 @@
+---
+title: Install
+---
+
+### Install Dependencies
+
+```sh
+# use yarn
+yarn add casual-ui-vue
+
+# use npm
+npm install casual-ui-vue
+
+# use pnpm
+pnpm install casual-ui-vue
+```
+
+### Global Usage
+
+- Import Styles & Use as a Plugin
+
+```js
+import { createApp } from 'vue'
+import CasualUIVue from '@casual-ui/vue' // import global plugin
+import App from './App.vue'
+import 'casual-ui-vue/dist/style.css' // import styles
+
+const app = createApp(App)
+
+app.use(CasualUIVue, { /** plugin options */ }) // use plugin
+```
+
+- Directly use in vue files
+
+```vue
+<template>
+  <c-button label="A Button" />
+</template>
+```
+
+### Usage on Demand
+
+- Import styles in client entry file
+
+```js
+import 'casual-ui-vue/style.css'
+```
+
+- Use in vue files
+
+```vue
+<script setup>
+import { CButton } from '@casual-ui/vue'
+</script>
+
+<template>
+  <CButton label="A Button" />
+</template>
+```
+
+### Plugin Options
+
+* locale - The i18n locale.

.history/packages/docs/guide/install_20230305205538.md

@@ -0,0 +1,63 @@
+---
+title: Install
+---
+
+### Install Dependencies
+
+```sh
+# use yarn
+yarn add @casual-ui/vue
+
+# use npm
+npm install @casual-ui/vue
+
+# use pnpm
+pnpm install @casual-ui/vue
+```
+
+### Global Usage
+
+- Import Styles & Use as a Plugin
+
+```js
+import { createApp } from 'vue'
+import CasualUIVue from '@casual-ui/vue' // import global plugin
+import App from './App.vue'
+import '@casual-ui/vue/dist/style.css' // import styles
+
+const app = createApp(App)
+
+app.use(CasualUIVue, { /** plugin options */ }) // use plugin
+```
+
+- Directly use in vue files
+
+```vue
+<template>
+  <c-button label="A Button" />
+</template>
+```
+
+### Usage on Demand
+
+- Import styles in client entry file
+
+```js
+import 'casual-ui-vue/style.css'
+```
+
+- Use in vue files
+
+```vue
+<script setup>
+import { CButton } from '@casual-ui/vue'
+</script>
+
+<template>
+  <CButton label="A Button" />
+</template>
+```
+
+### Plugin Options
+
+* locale - The i18n locale.

.history/packages/docs/guide/install_20230305205547.md

@@ -0,0 +1,63 @@
+---
+title: Install
+---
+
+### Install Dependencies
+
+```sh
+# use yarn
+yarn add @casual-ui/vue
+
+# use npm
+npm install @casual-ui/vue
+
+# use pnpm
+pnpm install @casual-ui/vue
+```
+
+### Global Usage
+
+- Import Styles & Use as a Plugin
+
+```js
+import { createApp } from 'vue'
+import CasualUIVue from '@casual-ui/vue' // import global plugin
+import App from './App.vue'
+import '@casual-ui/vue/dist/style.css' // import styles
+
+const app = createApp(App)
+
+app.use(CasualUIVue, { /** plugin options */ }) // use plugin
+```
+
+- Directly use in vue files
+
+```vue
+<template>
+  <c-button label="A Button" />
+</template>
+```
+
+### Usage on Demand
+
+- Import styles in client entry file
+
+```js
+import '@casual-ui/vue/style.css'
+```
+
+- Use in vue files
+
+```vue
+<script setup>
+import { CButton } from '@casual-ui/vue'
+</script>
+
+<template>
+  <CButton label="A Button" />
+</template>
+```
+
+### Plugin Options
+
+* locale - The i18n locale.

.history/packages/docs/guide/install_20230305205601.md

@@ -0,0 +1,63 @@
+---
+title: Install
+---
+
+### Install Dependencies
+
+```sh
+# use yarn
+yarn add @casual-ui/vue
+
+# use npm
+npm install @casual-ui/vue
+
+# use pnpm
+pnpm install @casual-ui/vue
+```
+
+### Global Usage
+
+- Import Styles & Use as a Plugin
+
+```js
+import { createApp } from 'vue'
+import CasualUIVue from '@casual-ui/vue' // import global plugin
+import App from './App.vue'
+import '@casual-ui/vue/dist/style.css' // import styles
+
+const app = createApp(App)
+
+app.use(CasualUIVue, { /** plugin options */ }) // use plugin
+```
+
+- Directly use in vue files
+
+```vue
+<template>
+  <c-button label="A Button" />
+</template>
+```
+
+### Usage on Demand
+
+- Import styles in client entry file
+
+```js
+import '@casual-ui/vue/dist/style.css'
+```
+
+- Use in vue files
+
+```vue
+<script setup>
+import { CButton } from '@casual-ui/vue'
+</script>
+
+<template>
+  <CButton label="A Button" />
+</template>
+```
+
+### Plugin Options
+
+* locale - The i18n locale.

.history/packages/docs/guide/install_20230305205603.md

@@ -0,0 +1,63 @@
+---
+title: Install
+---
+
+### Install Dependencies
+
+```sh
+# use yarn
+yarn add @casual-ui/vue
+
+# use npm
+npm install @casual-ui/vue
+
+# use pnpm
+pnpm install @casual-ui/vue
+```
+
+### Global Usage
+
+- Import Styles & Use as a Plugin
+
+```js
+import { createApp } from 'vue'
+import CasualUIVue from '@casual-ui/vue' // import global plugin
+import App from './App.vue'
+import '@casual-ui/vue/dist/style.css' // import styles
+
+const app = createApp(App)
+
+app.use(CasualUIVue, { /** plugin options */ }) // use plugin
+```
+
+- Directly use in vue files
+
+```vue
+<template>
+  <c-button label="A Button" />
+</template>
+```
+
+### Usage on Demand
+
+- Import styles in client entry file
+
+```js
+import '@casual-ui/vue/dist/style.css'
+```
+
+- Use in vue files
+
+```vue
+<script setup>
+import { CButton } from '@casual-ui/vue'
+</script>
+
+<template>
+  <CButton label="A Button" />
+</template>
+```
+
+### Plugin Options
+
+* locale - The i18n locale.

.history/packages/docs/zh-CN/guide/install_20230105214333.md

@@ -0,0 +1,64 @@
+---
+title: 安装
+---
+
+### 安装依赖
+
+```sh
+# use yarn
+yarn add casual-ui-vue
+
+# use npm
+npm install casual-ui-vue
+
+# use pnpm
+pnpm install casual-ui-vue
+```
+
+### 全局使用
+
+- 入口文件引入样式以及注册全局插件
+
+```js
+import { createApp } from 'vue'
+import CasualUIVue from '@casual-ui/vue' // 引入全局Vue3插件
+import App from './App.vue'
+import 'casual-ui-vue/dist/style.css' // 引入样式文件
+
+const app = createApp(App)
+
+app.use(CasualUIVue) // 使用插件
+```
+
+- 组件中使用
+
+```vue
+<template>
+  <c-button label="按钮" />
+</template>
+```
+
+### 局部使用
+
+- 入口文件引入样式
+
+```js
+import 'casual-ui-vue/style.css'
+```
+
+- 组件中使用
+
+```vue
+<script setup>
+import { CButton } from '@casual-ui/vue'
+</script>
+
+<template>
+  <CButton label="按钮" />
+</template>
+```
+
+
+### 插件选项
+
+* locale - 国际化语言