@modern-js/main-doc 2.4.0 → 2.6.0

package/en/apis/app/runtime/model/Provider.mdx

@@ -21,8 +21,8 @@ interface ProviderProps {
 
 ### Input
 
-- store: the Store object created by [`createStore`](./create-store.md).
-- config: this config to create Reduck Store, same as `config` param in [`createApp`](./create-app.md).
+- store: the Store object created by [`createStore`](./create-store.mdx).
+- config: this config to create Reduck Store, same as `config` param in [`createApp`](./create-app.mdx).
 
 ## Example
 

package/en/apis/app/runtime/model/auto-actions.mdx

@@ -19,7 +19,7 @@ can use [`runtime.state.autoActions`](/configure/app/runtime/state#autoactions)
 
 ### Basic Data Type
 
-State type in `string`、`number`、`boolean`、`null`，generate `setState` Action。
+State type in `string`、`number`、`boolean`、`null`，generate `setState` Action.
 
 ```tsx title="example"
 const fooModel = model('foo').define({
@@ -93,7 +93,7 @@ function App() {
 
 ### PlainObject
 
-State type is PlainObject，base on the names contained in State，generate `set${key}`(Camel-Case) Actions。
+State type is PlainObject，base on the names contained in State，generate `set${key}`(Camel-Case) Actions.
 
 ```tsx title="example"
 const fooModel = model('foo').define({

package/en/apis/app/runtime/model/connect.mdx

@@ -9,7 +9,7 @@ import ReduckTip from "@site-docs-en/components/reduck-tip"
 <ReduckTip />
 
 :::tip
-The original type of Reduck is complex. The following type definition shows the simplified type information. For the original type, see [**connect**](https://github.com/modern-js-dev/reduck/blob/main/packages/react/src/connect.ts)。
+The original type of Reduck is complex. The following type definition shows the simplified type information. For the original type, see [**connect**](https://github.com/modern-js-dev/reduck/blob/main/packages/react/src/connect.ts).
 
 :::
 
@@ -82,11 +82,11 @@ const modelB = model('modelB').define({
 });
 
 function Test(props) {
-  props.incA(); // call modelA 的 action
-  props.incB(); // call modelB 的 action
+  props.incA(); // call modelA's action
+  props.incB(); // call modelB's action
 
-  props.a; // get modelA 的 state: a
-  props.b; // get modelB 的 state: b
+  props.a; // get modelA's state: a
+  props.b; // get modelB's state: b
 }
 
 export default connect([modelA, modelB])(Test);

package/en/apis/app/runtime/model/create-app.mdx

@@ -8,7 +8,7 @@ import ReduckTip from "@site-docs-en/components/reduck-tip"
 
 <ReduckTip />
 
-Reduck will call `createApp` to create a global application by default. If the entire application only needs one Store, then there is no need to call `createApp` manually。Only need to use `createApp` when you need to create a Store locally in the app.
+Reduck will call `createApp` to create a global application by default. If the entire application only needs one Store, then there is no need to call `createApp` manually.Only need to use `createApp` when you need to create a Store locally in the app.
 
 :::caution
 Note that the exported `createApp` in `@modern-js/runtime/model` is used to manage state, while the exported `createApp` in `@modern-js/runtime` is used to create the entire application. The two are differently.
@@ -29,19 +29,19 @@ function createApp(config: AppConfig): object;
 ### Input
 
 - `config`
-  - `StoreConfig`: the same as [`createStore`](./create-store.md) params.
-  - `devTools`: the default value is `true`. when it is an object type，configuring [Options](https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/API/Arguments.md) of Redux DevTools。
-  - `autoActions`: the default value is `true`。if [auto generate Actions](./auto-actions.md)。
+  - `StoreConfig`: the same as [`createStore`](./create-store.mdx) params.
+  - `devTools`: the default value is `true`. when it is an object type，configuring [Options](https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/API/Arguments.md) of Redux DevTools.
+  - `autoActions`: the default value is `true`.if [auto generate Actions](./auto-actions.mdx).
 
 ### Return Value
 
 Reduck App, consists of the following properties:
 
-- `Provider`: inject shared Store into locally component tree, same as [`Provider`](./Provider.md)。
-- `useModel`: get the Model mounted by the app's local Store, same as [`useModel`](./use-model.md)。
-- `useStaticModel`: get the Model mounted by the app's local Store. same as [`useStaticModel`](./use-static-model.md)。
-- `useLocalModel`: get the Model mounted by the app's local Store. same as [`useLocalModel`](./use-local-model.md)。
-- `useStore`: get the Store used locally by the app. same as [`useStore`](./use-store.md)。
+- `Provider`: inject shared Store into locally component tree, same as [`Provider`](./Provider.mdx).
+- `useModel`: get the Model mounted by the app's local Store, same as [`useModel`](./use-model.mdx).
+- `useStaticModel`: get the Model mounted by the app's local Store. same as [`useStaticModel`](./use-static-model.mdx).
+- `useLocalModel`: get the Model mounted by the app's local Store. same as [`useLocalModel`](./use-local-model.mdx).
+- `useStore`: get the Store used locally by the app. same as [`useStore`](./use-store.mdx).
 
 ## Example
 

package/en/apis/app/runtime/model/create-store.mdx

@@ -10,7 +10,7 @@ import ReduckTip from "@site-docs-en/components/reduck-tip"
 
 `createStore` is used to create a Store. Reduck’s Store based on Redux's [Store](https://redux.js.org/api/store) implementatio. Used to store the state of the application and managing the state and Model.
 
-In general, this API is only used when you need to have full control over the creation of the Store. For example, to customize a Store, pass in the ['Provider'](./Provider.md) component to use.
+In general, this API is only used when you need to have full control over the creation of the Store. For example, to customize a Store, pass in the ['Provider'](./Provider.mdx) component to use.
 
 ## Function Signature
 
@@ -38,13 +38,13 @@ function createStore(config?: StoreConfig): ReduckStore;
   - `models`: set the Model to mount to the Store in advance(No need for normal use).
   - `middlewares`: set Redux [middleware](https://redux.js.org/understanding/thinking-in-redux/glossary#middleware).
   - `enhancers`: set Redux [Store enhancer](https://redux.js.org/understanding/thinking-in-redux/glossary#store-enhancer).
-  - `plugins`: set Reduck plugin。***experimental API, not recommended***。
+  - `plugins`: set Reduck plugin.***experimental API, not recommended***.
 
 ### Return Value
 
 Reduck Store:
 
-- `use`: mount and fetch Model objects dynamically. Usage is the same as ['useModel'](./use-model.md), but can be used outside of React components.
+- `use`: mount and fetch Model objects dynamically. Usage is the same as ['useModel'](./use-model.mdx), but can be used outside of React components.
 - `unmount`: unmount the Model object, and the Model State is cleared from the Store.
 - `ReduxStore`: [Redux Store API](https://redux.js.org/tutorials/fundamentals/part-4-store#redux-store).
 

package/en/apis/app/runtime/model/handle-effect.mdx

@@ -59,7 +59,7 @@ interface State {
 
 ```ts
 interface State {
-  items: any; // 默认的 result -> items
+  items: any; // Default result -> items
   pending: boolean;
   error: string;
 }
@@ -78,7 +78,7 @@ interface State {
 
 - `error`: the default value is `"error"`. Change the name of the `error` field in the returned State. Usage is the same as `result`.
 
-- `combineMode`: the default value is `"merge"`。get fulfilled state results. There are two ways to deal with it (The data types that can be automatically processed here are also limited to simple object or array types):
+- `combineMode`: the default value is `"merge"`. Get fulfilled state results. There are two ways to deal with it (The data types that can be automatically processed here are also limited to simple object or array types):
 
   - `"merge"`: the previous data is merged with the current data. the data is an array type, operation is similar to `[].concat(lastData, currentData)`. the data is an object，operation is similar to `{...lastData, ...curData}`.
   - `"replace"`: the current data directly replaces the previous data.

package/en/apis/app/runtime/model/model_.mdx

@@ -9,7 +9,7 @@ import ReduckTip from "@site-docs-en/components/reduck-tip"
 <ReduckTip />
 
 :::tip
-The original type of Reduck is complex. The following type definition shows the simplified type information. For the original type, see [**model**](https://github.com/modern-js-dev/reduck/blob/main/packages/store/src/model/model.ts)。
+The original type of Reduck is complex. The following type definition shows the simplified type information. For the original type, see [**model**](https://github.com/modern-js-dev/reduck/blob/main/packages/store/src/model/model.ts).
 
 :::
 

package/en/apis/app/runtime/model/use-local-model.mdx

@@ -8,7 +8,7 @@ import ReduckTip from "@site-docs-en/components/reduck-tip"
 
 <ReduckTip />
 
-To use the State in the Model as a local state, the effect is similar to React's `useState`. `useLocalModel` API same as `useModel`. For detail, see [`useModel`](./use-model.md)。
+To use the State in the Model as a local state, the effect is similar to React's `useState`. `useLocalModel` API same as `useModel`. For detail, see [`useModel`](./use-model.mdx).
 
 ## Example
 

package/en/apis/app/runtime/model/use-model.mdx

@@ -9,7 +9,7 @@ import ReduckTip from "@site-docs-en/components/reduck-tip"
 <ReduckTip />
 
 :::tip
-The original type of Reduck is complex. The following type definition shows the simplified type information. For the original type, see [**model**](https://github.com/modern-js-dev/reduck/blob/main/packages/store/src/model/model.ts)。
+The original type of Reduck is complex. The following type definition shows the simplified type information. For the original type, see [**model**](https://github.com/modern-js-dev/reduck/blob/main/packages/store/src/model/model.ts).
 
 :::
 

package/en/apis/app/runtime/model/use-static-model.mdx

@@ -8,18 +8,18 @@ import ReduckTip from "@site-docs-en/components/reduck-tip"
 
 <ReduckTip />
 
-If want to consume a Model in the form of React Hook in the component，and can get the current latest state at any time，but you don't want the Model state to be updated, which will cause the component to be re-rendered, we can use `useStaticModel`。
+If want to consume a Model in the form of React Hook in the component，and can get the current latest state at any time，but you don't want the Model state to be updated, which will cause the component to be re-rendered, we can use `useStaticModel`.
 
-`useStaticModel` API is same as `useModel`。For detail, see [`useModel`](./use-model.md)。
+`useStaticModel` API is same as `useModel`.For detail, see [`useModel`](./use-model.mdx).
 
 To ensure that the latest state is always available, be careful not to deconstruct the returned `state`.
 
 ```tsx
 function App() {
-  // ❌ Do not deconstruct state，but can deconstruct actions。
+  // ❌ Do not deconstruct state，but can deconstruct actions.
   const [{ username }, { logout }] = useStaticModel(userModel);
 
-  // ✅ True Usage。
+  // ✅ True Usage.
   const [state, { logout }] = useStaticModel(userModel);
 
   useEffect(() => {

package/en/apis/app/runtime/model/use-store.mdx

@@ -18,7 +18,7 @@ function useStore(): ReduckStore;
 
 ### Return Type
 
-- ReduckStore: Reduck Store，type refer to the return type of [createStore](./create-store.md).
+- ReduckStore: Reduck Store，type refer to the return type of [createStore](./create-store.mdx).
 
 :::info More
 [Use Model](/guides/topic-detail/model/use-model).

package/en/apis/app/runtime/router/router.mdx

@@ -29,7 +29,7 @@ interface NavigateFunction {
 }
 ```
 
-The `useNavigate` hook returns a function that lets you navigate programmatically。
+The `useNavigate` hook returns a function that lets you navigate programmatically.
 
 ```tsx
 import { useNavigate } from '@modern-js/runtime/router';

package/en/apis/app/runtime/ssr/pre-render.mdx

@@ -36,7 +36,7 @@ function PreRender(props: Props): React.Component
 ### Input
 
 - `interval`: set the time the cache keep fresh，seconds. During this time, the cache will be used directly and not invoke asynchronous rendering.
-- `staleLimit`: sets the time when the cache is completely expired，seconds。During this time, The cache can be returned and asynchronous rendering will be invoke, otherwise must wait for the re-rendered result.
+- `staleLimit`: sets the time when the cache is completely expired，seconds.During this time, The cache can be returned and asynchronous rendering will be invoke, otherwise must wait for the re-rendered result.
 - `level`: sets the calculation rule level for the cache identity, usually used with `includes` and `matches`. The default value is `0`.
 
 ```bash

package/en/apis/app/runtime/testing/render.mdx

@@ -47,7 +47,7 @@ function render(ui: React.ReactElement<any>, options: Options): RenderResult;
 
 ### Return Value
 
-- `{...queries}`: all available [queries](https://testing-library.com/docs/queries/about/)。
+- `{...queries}`: all available [queries](https://testing-library.com/docs/queries/about/).
 - `container`: the DOM element that React component mounted.
 - `baseElement`
 - `debug`

package/en/apis/app/runtime/testing/renderApp.mdx

@@ -17,7 +17,7 @@ For the testing of such components, you can use the `renderApp` function, which
 
 ## Function Signature
 
-`renderApp` is the same as [render](./render.md).
+`renderApp` is the same as [render](./render.mdx).
 
 ## Example
 

package/en/apis/app/runtime/utility/css-in-js.mdx

@@ -13,7 +13,7 @@ import styled from '@modern-js/runtime/styled';
 
 ## Function Signature
 
-see [styled-component API](https://styled-components.com/docs/api)。
+see [styled-component API](https://styled-components.com/docs/api).
 
 ## Example
 

package/en/apis/app/runtime/utility/loadable.mdx

@@ -69,7 +69,7 @@ Whether to display fallback content during loading.
 
 #### options.ssr
 
-Whether to support SSR, the default value is `true`。
+Whether to support SSR, the default value is `true`.
 
 ### Return Value
 

package/en/apis/app/runtime/web-server/hook.mdx

@@ -6,7 +6,7 @@ title: Hook
 Used to extend Modern.js built-in Web Server, requests except BFF are handled by these hooks.
 
 :::note
-For more detail, see [Extend Web Server](/guides/advanced-features/web-server)。
+For more detail, see [Extend Web Server](/guides/advanced-features/web-server).
 
 :::
 
@@ -20,12 +20,12 @@ export const afterRender: AfterRenderHook = (context, next) => {};
 ```
 
 :::info
-使用该 API 前，请先执行 `pnpm run new` 新建「Web Server 扩展」源码目录。
+Before using this API, please execute `pnpm run new` to create a new "Custom Web Server" source code directory.
 
 ```bash
 pnpm run new
-? 请选择你想要的操作 创建工程元素
-? 新建「Web Server 扩展」源码目录
+? Action Create project element
+? New "Custom Web Server" source code directory
 ```
 
 :::
@@ -92,7 +92,7 @@ type AfterRenderContext = {
   - `request`: provides a series of methods to get request info.
   - `router`: provides methods on routing.
   - `template`: provides methods on content.
-- `next`: call next listener（not affect the server process, only current hook）。
+- `next`: call next listener（not affect the server process, only current hook）.
 
 ## Example
 

package/en/apis/app/runtime/web-server/middleware.mdx

@@ -8,7 +8,7 @@ Used to extend Modern.js built-in Web Server, only SSR requests are handled by t
 Unlike [Hook](/apis/app/runtime/web-server/hook), middleware can be extended using the framework plugin.
 
 :::note
-For more detail, see [Extend Web Server](/guides/advanced-features/web-server)。
+For more detail, see [Extend Web Server](/guides/advanced-features/web-server).
 
 :::
 
@@ -25,12 +25,12 @@ export const middleware: Middleware[] = [
 ```
 
 :::info
-使用该 API 前，请先执行 `pnpm run new` 新建「Web Server 扩展」源码目录。
+Before using this API, please execute `pnpm run new` to create a new "Custom Web Server" source code directory.
 
 ```bash
 pnpm run new
-? 请选择你想要的操作 创建工程元素
-? 新建「Web Server 扩展」源码目录
+? Action Create project element
+? New "Custom Web Server" source code directory
 ```
 
 :::
@@ -82,8 +82,8 @@ type RequestHandler = (
 - `context`: Middleware context.
   - `response`: provides a series of methods to process the response.
   - `request`: provides a series of methods to get request info.
-  - `source`: provides Node.js native `req` and `res` object。
-- `next`: call next listener（not affect the server process, only current hook）。
+  - `source`: provides Node.js native `req` and `res` object.
+- `next`: call next listener（not affect the server process, only current hook）.
 
 ## Example
 

package/en/components/global-proxy-config.mdx

@@ -3,8 +3,8 @@
 
 When this option is configured, the development environment will start a global proxy, similar to [Fiddler](https://www.telerik.com/fiddler), [Charles](https://www.charlesproxy.com/) and other web proxy debugging tools, which can be used to view, modify HTTP/HTTPS requests, responses, and can also be used as a proxy server.
 
-:::tip 提示
-Using this option requires advance installation `@modern-js/plugin-proxy`。
+:::tip
+Using this option requires advance installation `@modern-js/plugin-proxy`.
 
 :::
 
@@ -19,7 +19,7 @@ export default defineConfig({
   dev: {
     proxy: {
       'https://www.baidu.com': 'https://google.com.hk',
-      //可以通过 file 协议直接返回静态文件。
+      // Static files can be returned directly via the file protocol
       'https://example.com/api': 'file://./data.json',
     },
   },

package/en/components/init-app.mdx

@@ -30,11 +30,11 @@ Now, the project structure is as follows:
 ```
 .
 ├── src
-│   ├── modern-app-env.d.ts
-│   └── routes
-│       ├── index.css
-│       ├── layout.tsx
-│       └── page.tsx
+│   ├── modern-app-env.d.ts
+│   └── routes
+│       ├── index.css
+│       ├── layout.tsx
+│       └── page.tsx
 ├── modern.config.ts
 ├── package.json
 ├── pnpm-lock.yaml

package/en/configure/app/bff/_category_.json

@@ -0,0 +1,4 @@
+{
+  "label": "bff",
+  "position": 5
+}

package/en/configure/app/bff/prefix.mdx

@@ -7,9 +7,8 @@ sidebar_label: prefix
 - **Type:** `string`
 - **Default:** `/api`
 
-:::caution Caution
-First you need to enable the "BFF" function using [new](/apis/app/commands/new) command.
-
+:::caution
+First you need to enable the "BFF" function using [new](/apis/app/commands#modern-new) command.
 :::
 
 By default, the route access BFF prefix's directory is `/api`, with the following directory structure:

package/en/configure/app/bff/proxy.mdx

@@ -8,7 +8,7 @@ sidebar_label: proxy
 - **Default:** `{}`
 
 :::caution Caution
-First you need to enable the "BFF" function using [new](/apis/app/commands/new) command.
+First you need to enable the "BFF" function using [new](/apis/app/commands#modern-new) command.
 
 :::
 

package/en/configure/app/builder-plugins.mdx

@@ -9,19 +9,19 @@ sidebar_position: 10
 
 Used to configure the Modern.js Builder plugin.
 
-Modern.js Builder is the build engine of Modern.js, please read [Builder](/guides/basic-features/builder) for background. If you want to know how to write Builder plugins, you can refer to [Modern.js Builder - Introduce to Plugin](https://modernjs.dev/builder/en/plugins/introduction.html).
+Modern.js Builder is the build engine of Modern.js, please read [Builder](/guides/concept/builder) for background. If you want to know how to write Builder plugins, you can refer to [Modern.js Builder - Introduce to Plugin](https://modernjs.dev/builder/en/plugins/introduction.html).
 
 ## Precautions
 
 This option **is used to configure the Modern.js Builder plugins**. If you need to configure other types of plugins, please select the corresponding configs:
 
-- Use [plugins](docs/configure/app/builder-plugins) to configure Modern.js framework plugins.
+- Use [plugins](/configure/app/builder-plugins) to configure Modern.js framework plugins.
 - Use [tools.webpack](/configure/app/tools/webpack) or [tools.webpackChain](/configure/app/tools/webpack-chain) to configure webpack plugins.
 - Use [tools.babel](/configure/app/tools/babel) to configure babel plugins.
 
 ## When to use
 
-In most scenarios, we recommend you to use the Modern.js framework plugin, which can be registered through the [plugins](docs/configure/app/plugins) config. Because the API provided by the framework plugin is richer and more capable, while the API provided by the Builder plugin can only be used to build scenes.
+In most scenarios, we recommend you to use the Modern.js framework plugin, which can be registered through the [plugins](/configure/app/plugins) config. Because the API provided by the framework plugin is richer and more capable, while the API provided by the Builder plugin can only be used to build scenes.
 
 When you need to reference some existing Builder plugins (and there is no related capability in Modern.js), or reuse Builder plugins between different frameworks, you can use the `builderPlugins` field to register them.
 

package/en/configure/app/deploy/_category_.json

@@ -0,0 +1,4 @@
+{
+  "label": "deploy",
+  "position": 8
+}

package/en/configure/app/dev/_category_.json

@@ -0,0 +1,4 @@
+{
+  "label": "dev",
+  "position": 7
+}

package/en/configure/app/dev/asset-prefix.mdx

@@ -5,7 +5,7 @@ sidebar_label: assetPrefix
 # dev.assetPrefix
 
 :::tip
-This config is provided by Modern.js Builder, more detail can see [dev.assetPrefix](https://modernjs.dev/builder/en/api/config-dev.html#devassetprefix)。
+This config is provided by Modern.js Builder, more detail can see [dev.assetPrefix](https://modernjs.dev/builder/en/api/config-dev.html#devassetprefix).
 :::
 
 import Main from '@modern-js/builder-doc/docs/en/config/dev/assetPrefix.md'

package/en/configure/app/dev/before-start-url.mdx

@@ -0,0 +1,13 @@
+---
+sidebar_label: beforeStartUrl
+---
+
+# dev.beforeStartUrl
+
+:::tip
+This config is provided by Modern.js Builder, more detail can see [dev.beforeStartUrl](https://modernjs.dev/builder/en/api/config-dev.html#devbeforestarturl).
+:::
+
+import Main from '@modern-js/builder-doc/docs/en/config/dev/beforeStartUrl.md'
+
+<Main />

package/en/configure/app/dev/hmr.mdx

@@ -5,7 +5,7 @@ sidebar_label: hmr
 # dev.hmr
 
 :::tip
-This config is provided by Modern.js Builder, more detail can see [dev.hmr](https://modernjs.dev/builder/en/api/config-dev.html#devhmr)。
+This config is provided by Modern.js Builder, more detail can see [dev.hmr](https://modernjs.dev/builder/en/api/config-dev.html#devhmr).
 :::
 
 import Main from '@modern-js/builder-doc/docs/en/config/dev/hmr.md'

package/en/configure/app/dev/host.mdx

@@ -0,0 +1,13 @@
+---
+sidebar_label: host
+---
+
+# dev.host
+
+:::tip
+This config is provided by Modern.js Builder, more detail can see [dev.host](https://modernjs.dev/builder/en/api/config-dev.html#devhost).
+:::
+
+import Main from '@modern-js/builder-doc/docs/en/config/dev/host.md'
+
+<Main />

package/en/configure/app/dev/https.mdx

@@ -5,7 +5,7 @@ sidebar_label: https
 # dev.https
 
 :::tip
-This config is provided by Modern.js Builder, more detail can see [dev.https](https://modernjs.dev/builder/en/api/config-dev.html#devhttps)。
+This config is provided by Modern.js Builder, more detail can see [dev.https](https://modernjs.dev/builder/en/api/config-dev.html#devhttps).
 :::
 
 import Main from '@modern-js/builder-doc/docs/en/config/dev/https.md'

package/en/configure/app/dev/port.mdx

@@ -5,7 +5,7 @@ sidebar_label: port
 # dev.port
 
 :::tip
-This config is provided by Modern.js Builder, more detail can see [dev.port](https://modernjs.dev/builder/en/api/config-dev.html#devport)。
+This config is provided by Modern.js Builder, more detail can see [dev.port](https://modernjs.dev/builder/en/api/config-dev.html#devport).
 :::
 
 import Main from '@modern-js/builder-doc/docs/en/config/dev/port.md'

package/en/configure/app/dev/progress-bar.mdx

@@ -5,7 +5,7 @@ sidebar_label: progressBar
 # dev.progressBar
 
 :::tip
-This config is provided by Modern.js Builder, more detail can see [dev.progressBar](https://modernjs.dev/builder/en/api/config-dev.html#devprogressbar)。
+This config is provided by Modern.js Builder, more detail can see [dev.progressBar](https://modernjs.dev/builder/en/api/config-dev.html#devprogressbar).
 :::
 
 import Main from '@modern-js/builder-doc/docs/en/config/dev/progressBar.md'

package/en/configure/app/dev/start-url.mdx

@@ -5,7 +5,7 @@ sidebar_label: startUrl
 # dev.startUrl
 
 :::tip
-This config is provided by Modern.js Builder, more detail can see [dev.startUrl](https://modernjs.dev/builder/en/api/config-dev.html#devstarturl)。
+This config is provided by Modern.js Builder, more detail can see [dev.startUrl](https://modernjs.dev/builder/en/api/config-dev.html#devstarturl).
 :::
 
 import Main from '@modern-js/builder-doc/docs/en/config/dev/startUrl.md'

package/en/configure/app/experiments/_category_.json

@@ -0,0 +1,4 @@
+{
+  "label": "experiments",
+  "position": 15
+}

package/en/configure/app/experiments/lazy-compilation.mdx

@@ -5,7 +5,7 @@ sidebar_label: lazyCompilation
 # experiments.lazyCompilation
 
 :::tip
-This config is provided by Modern.js Builder, more detail can see [experiments.lazyCompilation](https://modernjs.dev/builder/en/api/config-experiments.html#experimentslazycompilation)。
+This config is provided by Modern.js Builder, more detail can see [experiments.lazyCompilation](https://modernjs.dev/builder/en/api/config-experiments.html#experimentslazycompilation).
 :::
 
 import Main from '@modern-js/builder-doc/docs/en/config/experiments/lazyCompilation.md'

package/en/configure/app/html/_category_.json

@@ -0,0 +1,4 @@
+{
+  "label": "html",
+  "position": 2
+}

package/en/configure/app/html/app-icon.mdx

@@ -5,7 +5,7 @@ sidebar_label: appIcon
 # html.appIcon
 
 :::tip
-This config is provided by Modern.js Builder, more detail can see [html.appIcon](https://modernjs.dev/builder/en/api/config-html.html#htmlappicon)。
+This config is provided by Modern.js Builder, more detail can see [html.appIcon](https://modernjs.dev/builder/en/api/config-html.html#htmlappicon).
 :::
 
 import Main from '@modern-js/builder-doc/docs/en/config/html/appIcon.md'

package/en/configure/app/html/crossorigin.mdx

@@ -5,7 +5,7 @@ sidebar_label: crossorigin
 # html.crossorigin
 
 :::tip
-This config is provided by Modern.js Builder, more detail can see [html.crossorigin](https://modernjs.dev/builder/en/api/config-html.html#htmlcrossorigin)。
+This config is provided by Modern.js Builder, more detail can see [html.crossorigin](https://modernjs.dev/builder/en/api/config-html.html#htmlcrossorigin).
 :::
 
 import Main from '@modern-js/builder-doc/docs/en/config/html/crossorigin.md'

package/en/configure/app/html/disable-html-folder.mdx

@@ -5,7 +5,7 @@ sidebar_label: disableHtmlFolder
 # html.disableHtmlFolder
 
 :::tip
-This config is provided by Modern.js Builder, more detail can see [html.disableHtmlFolder](https://modernjs.dev/builder/en/api/config-html.html#htmldisablehtmlfolder)。
+This config is provided by Modern.js Builder, more detail can see [html.disableHtmlFolder](https://modernjs.dev/builder/en/api/config-html.html#htmldisablehtmlfolder).
 :::
 
 import Main from '@modern-js/builder-doc/docs/en/config/html/disableHtmlFolder.md'

package/en/configure/app/html/favicon-by-entries.mdx

@@ -5,7 +5,7 @@ sidebar_label: faviconByEntries
 # html.faviconByEntries
 
 :::tip
-This config is provided by Modern.js Builder, more detail can see [html.faviconByEntries](https://modernjs.dev/builder/en/api/config-html.html#htmlfaviconbyentries)。
+This config is provided by Modern.js Builder, more detail can see [html.faviconByEntries](https://modernjs.dev/builder/en/api/config-html.html#htmlfaviconbyentries).
 :::
 
 import Main from '@modern-js/builder-doc/docs/en/config/html/faviconByEntries.md'

package/en/configure/app/html/favicon.mdx

@@ -5,7 +5,7 @@ sidebar_label: favicon
 # html.favicon
 
 :::tip
-This config is provided by Modern.js Builder, more detail can see [html.favicon](https://modernjs.dev/builder/en/api/config-html.html#htmlfavicon)。
+This config is provided by Modern.js Builder, more detail can see [html.favicon](https://modernjs.dev/builder/en/api/config-html.html#htmlfavicon).
 :::
 
 import Main from '@modern-js/builder-doc/docs/en/config/html/favicon.md'

package/en/configure/app/html/inject-by-entries.mdx

@@ -5,7 +5,7 @@ sidebar_label: injectByEntries
 # html.injectByEntries
 
 :::tip
-This config is provided by Modern.js Builder, more detail can see [html.injectByEntries](https://modernjs.dev/builder/en/api/config-html.html#htmlinjectbyentries)。
+This config is provided by Modern.js Builder, more detail can see [html.injectByEntries](https://modernjs.dev/builder/en/api/config-html.html#htmlinjectbyentries).
 :::
 
 import Main from '@modern-js/builder-doc/docs/en/config/html/injectByEntries.md'