@modern-js/main-doc 2.3.0 → 2.4.0

package/en/configure/app/performance/print-file-size.mdx

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

package/en/configure/app/performance/profile.mdx

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

package/en/configure/app/performance/remove-console.mdx

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

package/en/configure/app/performance/remove-moment-locale.mdx

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

package/en/configure/app/security/check-syntax.mdx

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

package/en/configure/app/security/sri.mdx

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

package/en/configure/app/source/alias.mdx

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

package/en/configure/app/source/compile-js-data-uri.mdx

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

package/en/configure/app/source/define.mdx

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

package/en/configure/app/source/exclude.mdx

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

package/en/configure/app/source/global-vars.mdx

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

package/en/configure/app/source/include.mdx

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

package/en/configure/app/source/module-scopes.mdx

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

package/en/configure/app/source/pre-entry.mdx

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

package/en/configure/app/source/resolve-extension-prefix.mdx

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

package/en/configure/app/source/resolve-main-fields.mdx

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

package/en/configure/app/tools/autoprefixer.mdx

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

package/en/configure/app/tools/babel.mdx

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

package/en/configure/app/tools/css-extract.mdx

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

package/en/configure/app/tools/css-loader.mdx

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

package/en/configure/app/tools/dev-server.mdx

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

package/en/configure/app/tools/html-plugin.mdx

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

package/en/configure/app/tools/inspector.mdx

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

package/en/configure/app/tools/less.mdx

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

package/en/configure/app/tools/minify-css.mdx

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

package/en/configure/app/tools/postcss.mdx

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

package/en/configure/app/tools/pug.mdx

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

package/en/configure/app/tools/sass.mdx

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

package/en/configure/app/tools/style-loader.mdx

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

package/en/configure/app/tools/styled-components.mdx

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

package/en/configure/app/tools/terser.mdx

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

package/en/configure/app/tools/ts-checker.mdx

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

package/en/configure/app/tools/ts-loader.mdx

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

package/en/configure/app/tools/webpack-chain.mdx

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

package/en/configure/app/tools/webpack.mdx

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

package/en/configure/app/usage.mdx

@@ -69,6 +69,69 @@ export default defineConfig({
 });
 ```
 
+### Export Configuration Function
+
+Modern.js supports exporting a function in the configuration file, and you can dynamically compute the configuration in the function and return it to Modern.js.
+
+```js title="modern.config.js"
+import { defineConfig } from '@modern-js/app-tools';
+
+export default defineConfig(({ env, command }) => ({
+  source: {
+    alias: {
+      '@foo': env === 'development' ? './src/foo.dev.ts' : './src/foo.prod.ts',
+    },
+  },
+}));
+```
+
+This function takes the following parameters:
+
+- `env`: same as the value of `process.env.NODE_ENV`.
+  - When running `modern dev` or `modern start`, the value of `env` is `development`.
+  - When running `modern build` or `modern serve`, the value of `env` is `production`.
+  - When running `modern test`, the value of `env` is `test`.
+- `command`: corresponds to the currently running command, such as `dev`, `start`, `build`, `serve`.
+
+### Export Async Function
+
+Modern.js also supports exporting an asynchronous function in the configuration file, you can perform some asynchronous operations in the function:
+
+```js title="modern.config.js"
+import { defineConfig } from '@modern-js/app-tools';
+
+export default defineConfig(async ({ env, command }) => {
+  const result = await someAsyncFunction();
+
+  return {
+    html: {
+      title: result,
+    },
+  };
+});
+```
+
+### Specify the Configuration File
+
+You can specify the name of the configuration file using the `--config` option.
+
+For example, if you need to use the `modern.prod.config.js` file when running build, you can add the following scripts to `package.json`:
+
+```json title="package.json"
+{
+  "scripts": {
+    "dev": "modern dev",
+    "build": "modern build --config modern.prod.config.js"
+  }
+}
+```
+
+You can also abbreviate the `--config` option to `-c`:
+
+```bash
+$ modern build -c modern.prod.config.js
+```
+
 ## Configure in package.json (not recommended)
 
 In addition to configuration files, configuration options can also be set the `modernConfig` field in the `package.json`, such as:

package/en/guides/advanced-features/_category_.json

@@ -0,0 +1,5 @@
+{
+  "label": "Advanced Features",
+  "position": 4,
+  "collapsed": true
+}

package/en/guides/advanced-features/ssr.mdx

@@ -254,11 +254,11 @@ In the second case, the Treeshaking method does not guarantee that the code is c
 For example, the import of `fs-extra` in the code, when it is directly referenced to the component, will cause the CSR to load an error. You can create `.ts` and `.node.ts` files of the same name as a layer of proxy:
 
 ```ts title="compat.ts"
-export { readFileSync } from 'fs-extra';
+export const readFileSync: any = () => {};
 ```
 
 ```ts title="compat.node.ts"
-export const readFileSync: any = () => {};
+export { readFileSync } from 'fs-extra';
 ```
 
 use `./compat` directly into the file. At this time, files with the `.node.ts` suffix will be used first in the SSR environment, and files with the `.ts` suffix will be used in the CSR environment.

package/en/guides/basic-features/_category_.json

@@ -0,0 +1,5 @@
+{
+  "label": "Basic Features",
+  "position": 3,
+  "collapsed": false
+}

package/en/guides/basic-features/builder.mdx

@@ -6,7 +6,7 @@ sidebar_position: 2
 
 **Modern.js uses [Modern.js Builder](https://modernjs.dev/builder) to build your Web App.**
 
-Modern.js Builder is one of the core components of Modern.js. It is a build engine for Web development and can be used independently of Modern.js. Modern.js Builder supports multiple bundlers such as webpack and rspack, and it uses webpack by default.
+Modern.js Builder is one of the core components of Modern.js. It is A Build Engine for web development. and can be used independently of Modern.js. Modern.js Builder supports multiple bundlers such as webpack and rspack, and it uses webpack by default.
 
 ## Build Architecture
 

package/en/guides/basic-features/routes.mdx

@@ -134,6 +134,34 @@ The `routes/[id]/page.tsx` file is converted to the `/:id` route. Except for the
 
 In component, you can get the corresponding named parameters through [useParams](/apis/app/runtime/router/#useparams).
 
+### Catch all routing
+
+If a `$.tsx` file is created in the routes directory, this file will act as a wildcard route component that will be rendered when there is no matching route.
+
+:::note
+`$.tsx` can be thought of as a special `page` routing component that renders `$.tsx` as a child of `layout` when there is a `layout` component in the current directory.
+:::
+
+For example, the following directory structure:
+
+```
+└── routes
+    ├── $.tsx
+    ├── blog
+    │   └── page.tsx
+    └── page.tsx
+```
+
+The `routes/$.tsx` component is rendered when accessing any path that does not match, and again, the remainder of the url can be captured in `$.tsx` using [useParams](/apis/app/runtime/router/#useparams).
+
+```ts title="$.tsx"
+import { useParams } from '@modern-js/runtime/router';
+// When the path is `/aaa/bbb`
+const params = useParams();
+params['*']  // => 'aaa/bbb'
+```
+
+
 ### Layout with No Path
 
 When a directory name begins with `__`, the corresponding directory name is not converted to the actual routing path, such as the following file directory:

package/en/guides/concept/_category_.json

@@ -0,0 +1,5 @@
+{
+  "label": "Core Concept",
+  "position": 2,
+  "collapsed": false
+}

package/en/guides/get-started/_category_.json

@@ -0,0 +1,5 @@
+{
+  "label": "Start",
+  "position": 1,
+  "collapsed": false
+}

package/en/guides/topic-detail/generator/config/{mwa.mdx → app.mdx}

@@ -2,7 +2,7 @@
 sidebar_position: 2
 ---
 
-# MWA
+# Web App
 
 ## Project creation
 

package/en/guides/topic-detail/generator/plugin/api/new/createElement.mdx

@@ -30,4 +30,4 @@ Project element type, supports entry and server.
 
 ## params
 
-For other parameters of creating elements, please refer to[MWA New Command](/guides/topic-detail/generator/config/mwa).
+For other parameters of creating elements, please refer to[App New Command](/guides/topic-detail/generator/config/app).

package/en/guides/topic-detail/generator/plugin/api/new/enableFunc.mdx

@@ -41,4 +41,4 @@ The function name is passed according to the functions supported by the differen
 
 ## params
 
-For other parameters when the function is enabled, please refer to[MWA New Command](/guides/topic-detail/generator/config/mwa)和[Module New Command](/guides/topic-detail/generator/config/module).
+For other parameters when the function is enabled, please refer to [App New Command](/guides/topic-detail/generator/config/app) and [Module New Command](/guides/topic-detail/generator/config/module).

package/en/guides/topic-detail/generator/plugin/api/new/introduce.mdx

@@ -8,7 +8,7 @@ The three engineering solutions provided by the Modern.js support executing the
 
 Different engineering solutions to support new operations:
 
-- [MWA](/guides/topic-detail/generator/config/mwa)
+- [Web App](/guides/topic-detail/generator/config/app)
 
 - [Module](/guides/topic-detail/generator/config/module)
 

package/en/guides/topic-detail/generator/plugin/develop.mdx

@@ -23,7 +23,7 @@ Different plugin types will ask different questions. You can choose the plugin t
 ? Development Language TS
 ? Package Management Tool pnpm
 ? Plugin Type extend
-? Plugin Base Type MWA Solution
+? Plugin Base Type Web App Solution
 ```
 
 ### Customized type
@@ -35,7 +35,7 @@ Different plugin types will ask different questions. You can choose the plugin t
 ? Plugin Type custom
 ? Plugin Key mobile-app
 ? Plugin Show Name Mobile App
-? Plugin Base Type MWA Solution
+? Plugin Base Type Web App Solution
 ```
 
 After the execution of the create project command is completed, a project for developing the generator plugin will be generated accordingly, and the `meta` information will also be generated according to your selection in the `package.json`.

package/package.json

@@ -11,13 +11,13 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.3.0",
+  "version": "2.4.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
   "peerDependencies": {
-    "@modern-js/builder-doc": "^2.3.0"
+    "@modern-js/builder-doc": "^2.4.0"
   },
   "devDependencies": {
     "ts-node": "^10",
@@ -25,7 +25,7 @@
     "fs-extra": "^10",
     "@types/node": "^16",
     "@types/fs-extra": "^9",
-    "@modern-js/builder-doc": "2.3.0"
+    "@modern-js/builder-doc": "2.4.0"
   },
   "scripts": {
     "build": "npx ts-node ./scripts/sync.ts"

package/scripts/config.ts

@@ -27,7 +27,7 @@ sidebar_label: ${name}
 :::tip
 ${
   tip[lng]
-} [${dirname}.${name}](https://modernjs.dev/builder${langPrefix}/api/config-${dirname}.html#${dirname}-${name.toLowerCase()})。
+} [${dirname}.${name}](https://modernjs.dev/builder${langPrefix}/api/config-${dirname}.html#${dirname}${name.toLowerCase()})。
 :::
 
 import Main from '@modern-js/builder-doc/docs/${lng}/config/${dirname}/${name}.md'