doc: fix tailwindcss-patch typo

Author: sonofmagic

packages/tailwindcss-patch/README-cn.md

@@ -0,0 +1,98 @@
+# 使用 `tailwindcss-patch@2` 来提取你的类名吧
+
+`tailwindcss-patch` 是一个 `tailwindcss` 生态的扩展项目。也是 [`tailwindcss-mangle`](https://github.com/sonofmagic/tailwindcss-mangle) 项目重要的组成部分。
+
+最近我发布了 `tailwindcss-patch` 的 `2.x` 版本，相比 `1.x` 版本，主要添加了一个配置文件读取和工具类名提取额功能。
+
+让我们来看看怎么使用它吧。
+
+## 安装
+
+选择你喜欢的包管理器
+
+```sh
+<yarn|npm|pnpm> add -D tailwindcss-patch
+```
+
+1. 给 `tailwindcss` 打补丁
+
+```sh
+npx tw-patch install
+```
+
+1. 在 `npm` 的 `prepare` `hook` 里加入指令
+
+`package.json`
+
+```json
+{
+  /* ... */
+  "scripts": {
+    "prepare": "tw-patch install"
+  }
+}
+```
+
+## 使用方式
+
+## 命令行 Cli
+
+### 开始提取吧
+
+```sh
+npx tw-patch extract
+```
+
+默认情况下，执行成功后会有一个 `json` 文件 `.tw-patch/tw-class-list.json` 在你的项目中出现。
+
+当然，你可以通过配置文件 `tailwindcss-mangle.config.ts` 来自定义这个行为。
+
+## Nodejs API 的方式来使用
+
+```js
+import { TailwindcssPatcher } from 'tailwindcss-patch'
+
+const twPatcher = new TailwindcssPatcher(/* options */)
+// do patch
+twPatcher.patch()
+// get all contexts at runtime
+twPatcher.getContexts()
+// get all class generated by tailwindcss utilities
+twPatcher.getClassSet()
+```
+
+## 配置
+
+### 初始化
+
+```sh
+npx tw-patch init
+```
+
+这样在你的当前的 `cwd` 中就会出现一个 `tailwindcss-mangle.config.ts` 文件:
+
+```ts
+import { defineConfig } from 'tailwindcss-patch'
+
+export default defineConfig({})
+```
+
+你可以通过 `patch` 字段来自定义它的行为:
+
+```ts
+import { defineConfig } from 'tailwindcss-patch'
+
+export default defineConfig({
+  patch: {
+    output: {
+      filename: 'xxx.json',
+      loose: true,
+      removeUniversalSelector: true
+    },
+    tailwindcss: {
+      config: 'path/to/your-tailwind.config.js',
+      cwd: 'project/cwd'
+    }
+  }
+})
+```

packages/tailwindcss-patch/README.md

@@ -1,14 +1,17 @@
 # tailwindcss-patch
 
+\[[中文(zh-cn)](./README-cn.md)\]
+
 get tailwindcss context at runtime ! extract all classes into file!
 
 - [tailwindcss-patch](#tailwindcss-patch)
   - [Setup](#setup)
   - [Usage](#usage)
   - [Cli](#cli)
-    - [Init Config File](#init-config-file)
     - [Extract all class into a json](#extract-all-class-into-a-json)
-    - [Nodejs](#nodejs)
+  - [Nodejs API](#nodejs-api)
+  - [Config](#config)
+    - [Init Config File](#init-config-file)
   - [Migration form v1 to v2](#migration-form-v1-to-v2)
     - [0. cli command change](#0-cli-command-change)
     - [1. default remove `*` in json array result](#1-default-remove--in-json-array-result)
@@ -20,7 +23,7 @@ get tailwindcss context at runtime ! extract all classes into file!
 1. Install package
 
 ```sh
-<yarn|npm|pnpm> add -D ts-patch
+<yarn|npm|pnpm> add -D tailwindcss-patch
 ```
 
 2. Patch tailwindcss
@@ -46,36 +49,68 @@ npx tw-patch install
 
 ## Cli
 
-### Init Config File
-
-```sh
-tw-patch init
-```
-
-Then there will be a ts file called `tailwindcss-mangle.config.ts` exist in your `cwd`.
-
 ### Extract all class into a json
 
 ```sh
-tw-patch extract
+npx tw-patch extract
 ```
 
 default there will be a json in `.tw-patch/tw-class-list.json` in your project.
 
 you can custom this behavior by config `tailwindcss-mangle.config.ts`
 
-### Nodejs
+## Nodejs API
 
 ```js
 import { TailwindcssPatcher } from 'tailwindcss-patch'
 
 const twPatcher = new TailwindcssPatcher(/* options */)
+// do patch
+twPatcher.patch()
 // get all contexts at runtime
 twPatcher.getContexts()
 // get all class generated by tailwindcss utilities
 twPatcher.getClassSet()
 ```
 
+## Config
+
+### Init Config File
+
+```sh
+npx tw-patch init
+```
+
+Then there will be a ts file called `tailwindcss-mangle.config.ts` exist in your `cwd`.
+
+The config as follows:
+
+```ts
+import { defineConfig } from 'tailwindcss-patch'
+
+export default defineConfig({})
+```
+
+you can custom `tw-patch` behavior by `patch` option:
+
+```ts
+import { defineConfig } from 'tailwindcss-patch'
+
+export default defineConfig({
+  patch: {
+    output: {
+      filename: 'xxx.json',
+      loose: true,
+      removeUniversalSelector: true
+    },
+    tailwindcss: {
+      config: 'path/to/your-tailwind.config.js',
+      cwd: 'project/cwd'
+    }
+  }
+})
+```
+
 ## Migration form v1 to v2
 
 ### 0. cli command change

packages/tailwindcss-patch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwindcss-patch",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "patch tailwindcss for exposing context and extract classes",
   "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",