docs: optimize routes docs (#3693)

Author: yimingjfe

packages/document/main-doc/docs/en/components/convention-routing-movitation.mdx renamed to packages/document/main-doc/docs/en/components/convention-routing-motivation.mdx

@@ -130,7 +130,7 @@ export const post = async () => {
 };
 ```
 
-- Modern.js supports 9 definitions for HTTP Method: `GET`、`POST`、`PUT`、`DELETE`、`CONNECT`、`TRACE`、`PATCH`、`OPTION`、`HEAD`, can be exported using these methods as functions.
+- Modern.js supports 9 definitions for HTTP Method: `GET`、`POST`、`PUT`、`DELETE`、`CONNECT`、`TRACE`、`PATCH`、`OPTIONS`、`HEAD`, can be exported using these methods as functions.
 
 - The name is size insensitive, if `GET`, can write `get`、`Get`、`GEt`、`GET`, can be accurately identified. But default export as `export default xxx` will be map to `Get`.
 

packages/document/main-doc/docs/en/guides/advanced-features/bff/function.mdx

@@ -343,9 +343,9 @@ export default async (): Promise<ProfileData> => {
 
 ### FAQ
 
-1. Relationship between loader and bff functions
+1. Relationship between loader and BFF functions
 
-In a CSR project, the loader is executed on the client side and the bff function can be called directly from the loader to make a request.
+In a CSR project, the loader is executed on the client side and the bff function can be called directly in the loader to make a request.
 
 In an SSR project, each loader is also a server-side API, and we recommend using loader instead of the BFF function which http method is `get` to avoid one more layer of forwarding and execution.
 

packages/document/main-doc/docs/en/guides/basic-features/data-fetch.mdx

@@ -375,7 +375,7 @@ To further improve the user experience and reduce time of loading, Modern.js sup
 - With `render`, static resources are loaded only when they are idle and do not hog the network with first-screen static resources.
 - When using server side rendering, data is also prefetched.
 
-import Motivation from '@site-docs-en/components/convention-routing-movitation'
+import Motivation from '@site-docs-en/components/convention-routing-motivation'
 
 <Motivation/>
 

packages/document/main-doc/docs/en/guides/basic-features/routes.mdx

@@ -135,7 +135,7 @@ export const post = async () => {
 };
 ```
 
-- 对应 HTTP Method，Modern.js 也支持了 9 种定义，即：`GET`、`POST`、`PUT`、`DELETE`、`CONNECT`、`TRACE`、`PATCH`、`OPTION`、`HEAD`，即可以用这些 Method 作为函数导出的名字。
+- 对应 HTTP Method，Modern.js 也支持了 9 种定义，即：`GET`、`POST`、`PUT`、`DELETE`、`CONNECT`、`TRACE`、`PATCH`、`OPTIONS`、`HEAD`，即可以用这些 Method 作为函数导出的名字。
 
 - 名字是大小不敏感的，如果是 `GET`，写成 `get`、`Get`、`GEt`、`GET`，都可以准确识别。而默认导出，即 `export default xxx` 则会被映射为 `Get`。
 

packages/document/main-doc/docs/zh/components/convention-routing-movitation.mdx renamed to packages/document/main-doc/docs/zh/components/convention-routing-motivation.mdx

@@ -341,9 +341,9 @@ export default async (): Promise<ProfileData> => {
 
 ### 常见问题
 
-1. loader 和 bff 函数的关系
+1. loader 和 BFF 函数的关系
 
-在 CSR 项目中，loader 在客户端执行，在 loader 可以直接调用 bff 函数进行接口请求。
+在 CSR 项目中，loader 在客户端执行，在 loader 可以直接调用 BFF 函数进行接口请求。
 
 在 SSR 项目中，每个 loader 也是一个服务端接口，我们推荐使用 loader 替代 http method 为 `get` 的 BFF 函数，作为接口层，避免多一层转发和执行。
 

packages/document/main-doc/docs/zh/guides/advanced-features/bff/function.mdx

@@ -473,7 +473,7 @@ export const init = (context: RuntimeContext) => {
 - 使用 `render`，仅在空闲时对静态资源进行加载，不会与首屏静态资源抢占网络。
 - 在 SSR 场景下，也会对数据进行预取。
 
-import Motivation from '@site-docs/components/convention-routing-movitation'
+import Motivation from '@site-docs/components/convention-routing-motivation'
 
 <Motivation/>