add vitepress docs

docs/components/article-view.md

@@ -0,0 +1,29 @@
+# ArticleView 文章视图
+
+按 `Article` 的正文类型渲染正文内容。
+
+## 基础用法
+
+:::preview 基础用法 || 把 contentType 换成 TEXT 或 MARKDOWN 会切换渲染分支
+
+demo-preview=../demos/article-view/basic.vue
+
+:::
+
+## 何时使用
+
+需要在详情页只读展示文章正文时使用，与 `ArticleEditor` 共用同一套数据类型。
+
+## 渲染分支
+
+| contentType | 渲染方式 |
+| --- | --- |
+| `TEXT` | 只读文本域。 |
+| `MARKDOWN` | 由 timi-web 的 MarkdownView 渲染。 |
+| `TIP_TAP` | 由 [TiptapView](/components/tiptap-view) 渲染。 |
+
+内容为空时统一显示 `emptyText`。
+
+## API
+
+<api-table name="ArticleView" />