docs: add align plugin docs

Author: code-farmer-i

docs/.vuepress/components/plugin-align.vue

@@ -0,0 +1,46 @@
+<template>
+  <v-md-editor
+    v-model="text"
+    height="500px"
+  />
+</template>
+
+<script>
+import VMdEditor from '../../../lib/base-editor';
+import '../../../lib/style/base-editor.css';
+import githubTheme from '../../../lib/theme/github.js';
+import '../../../lib/theme/style/github.css';
+import createAlignPlugin from '../../../lib/plugins/align/index';
+
+import hljs from 'highlight.js';
+
+const text = `::: align-left
+  left
+:::
+
+::: align-center
+  center
+:::
+
+::: align-right
+  right
+:::
+`;
+
+export default {
+  created() {
+    VMdEditor.use(createAlignPlugin());
+    VMdEditor.use(githubTheme, {
+      Hljs: hljs,
+    });
+  },
+  components: {
+    [VMdEditor.name]: VMdEditor,
+  },
+  data() {
+    return {
+      text,
+    };
+  },
+};
+</script>

docs/.vuepress/config.js

@@ -74,6 +74,7 @@ module.exports = {
               ['/plugins/line-number', 'Line Number'],
               ['/plugins/highlight-lines', 'Highlight Lines'],
               ['/plugins/copy-code', 'Copy Code'],
+              ['/plugins/align', 'Align'],
             ],
           },
         ],
@@ -138,6 +139,7 @@ module.exports = {
               ['/zh/plugins/line-number', '代码行号'],
               ['/zh/plugins/highlight-lines', '高亮代码行'],
               ['/zh/plugins/copy-code', '快捷复制代码'],
+              ['/plugins/align', '内容定位'],
             ],
           },
         ],

docs/plugins/align.md

@@ -0,0 +1,16 @@
+# Align Plugin
+
+The `align` plugin can be introduced to support setting the horizontal position of the content:
+
+<ClientOnly>
+  <plugin-align />
+</ClientOnly>
+
+### Import：
+
+```js
+import VueMarkdownEditor from '@kangc/v-md-editor';
+import createAlignPlugin from '@kangc/v-md-editor/lib/plugins/align';
+
+VueMarkdownEditor.use(createAlignPlugin());
+```

docs/zh/plugins/align.md

@@ -0,0 +1,16 @@
+# Align 内容定位
+
+可以引入 `align` 插件来支持设置内容的水平位置：
+
+<ClientOnly>
+  <plugin-align />
+</ClientOnly>
+
+### 引入：
+
+```js
+import VueMarkdownEditor from '@kangc/v-md-editor';
+import createAlignPlugin from '@kangc/v-md-editor/lib/plugins/align';
+
+VueMarkdownEditor.use(createAlignPlugin());
+```