feat: Add new component <API> as the alias of <Block>

Author: linhe0x0

components/global.js

@@ -28,6 +28,9 @@ const install = (Vue) => {
     Vue.component(component.name, component)
   })
 
+  // <API> is the alias of <Block> component.
+  Vue.component('API', Block)
+
   Vue.prototype.$message = Message
 }
 

docs/1-configurations/1-components.md

@@ -22,7 +22,6 @@ Currently, the following components are mainly built-in:
 
 ## Block Component
 
-
 The `Block` component is mainly used to divide the page structure. Each `Block` component is a content group. It is convenient for you to control the page structure freely and flexibly.
 
 <Example>
@@ -43,6 +42,30 @@ Contents...
 
 <Block>
 
+## API Component
+
+The `API` component is the alias of `<Block>` component.
+
+<Example>
+
+Usage:
+
+```vue
+<API>
+
+## Endpoint
+
+GET https://api.github.com/users/:username
+
+</API>
+```
+
+</Example>
+
+</Block>
+
+<Block>
+
 ## Example Component
 
 The `Example` component is used to specify the content of the dark area on the right in the `<Block>` component. It can clearly identify the current part of the content as a use case.