@modern-js/main-doc 2.0.3-alpha.0 → 2.1.0

package/en/docusaurus-plugin-content-docs/current/configure/app/source/disable-default-entries.md

@@ -19,7 +19,7 @@ Organizing your code according to the catalog specification provided by the Mode
 
 Set the following to turn off the default behavior:
 
-```typescript title="modern.config.ts"
+```ts title="modern.config.ts"
 export default defineConfig({
   source: {
     disableDefaultEntries: true,

package/en/docusaurus-plugin-content-docs/current/configure/app/source/disable-entry-dirs.md

@@ -4,23 +4,22 @@ title: source.disableEntryDirs
 sidebar_label: disableEntryDirs
 ---
 
-* Type： `string[]`
-* Default： `[]`
+- Type： `string[]`
+- Default： `[]`
 
 By default, application entries are identified based on the'src 'directory, you can disable some directories from being identified as application entries with this option.
 
 For example, when the configuration and directory structure is as follows：
 
-
-```typescript title="modern.config.ts"
+```ts title="modern.config.ts"
 export default defineConfig({
   source: {
-    disableEntryDirs: './src/one'
-  }
-})
+    disableEntryDirs: './src/one',
+  },
+});
 ```
 
-``` title="Project directory structure"
+```bash title="Project directory structure"
 └── src/
     ├── one/
     |    └── App.tsx
@@ -30,6 +29,7 @@ export default defineConfig({
 ```
 
 When this option is not set, Modern.js will generate two entries based on the project directory:
+
 - one
 - two
 

package/en/docusaurus-plugin-content-docs/current/configure/app/source/enable-async-entry.md

@@ -18,7 +18,7 @@ If you don't know webpack module federation, please read the official [Module Fe
 
 First, turn this option on in the configuration file:
 
-```typescript title="modern.config.ts"
+```ts title="modern.config.ts"
 export default defineConfig({
   source: {
     enableAsyncEntry: true,

package/en/docusaurus-plugin-content-docs/current/configure/app/source/entries-dir.md

@@ -3,22 +3,22 @@ title: source.entriesDir
 sidebar_label: entriesDir
 ---
 
-* Type:  `string`
-* Default: `./src`
+- Type: `string`
+- Default: `./src`
 
 By default, the application entry will be identified according to the `src` directory. You can customize the identification directory of the application entry through this option.
 
 For example, when the configuration and directory structure are as follows:
 
-```typescript title="modern.config.ts"
+```ts title="modern.config.ts"
 export default defineConfig({
   source: {
-    entriesDir: './src/pages'
-  }
-})
+    entriesDir: './src/pages',
+  },
+});
 ```
 
-``` title="Project directory structure"
+```bash title="Project directory structure"
 .
 └── src
     └── pages

package/en/docusaurus-plugin-content-docs/current/configure/app/source/entries.md

@@ -3,8 +3,8 @@ title: source.entries
 sidebar_label: entries
 ---
 
-* Type: `Object = { [ entryName: string ]: string | Object }`
-* Default: Default entry object dynamically settled according to the current project directory structure.
+- Type: `Object = { [ entryName: string ]: string | Object }`
+- Default: Default entry object dynamically settled according to the current project directory structure.
 
 For most scenarios, Modern.js automatically generated entries according to the directory structure can meet most business requirements. For details, please refer to [Entries](/docs/guides/concept/entries)。
 
@@ -44,7 +44,6 @@ With the content of the above default entry mechanism, Modern.js when analyzing
 
 In cases where you do not want to change the directory structure (such as project migration), you can customize the entry through `source.entries`:
 
-
 ```ts title="modern.config.js"
 export default defineConfig({
   source: {
@@ -60,8 +59,8 @@ export default defineConfig({
 
 When the value is `Object`, the following properties can be configured:
 
-* `entry`：`string`，entry file path。
-* `disableMount`：`boolean = false`，turn off Modern.js generate entry code。
+- `entry`：`string`，entry file path。
+- `disableMount`：`boolean = false`，turn off Modern.js generate entry code。
 
 ```ts title="modern.config.ts"
 import { defineConfig } from '@modern-js/app-tools';
@@ -93,7 +92,6 @@ Compare the entry path set by the custom entry with the default entry path. When
 
 For example the following directory structure:
 
-
 ```bash
 .
 ├── src

package/en/docusaurus-plugin-content-docs/current/configure/app/source/exclude.md

@@ -4,9 +4,9 @@ sidebar_label: exclude
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [source.exclude](https://modernjs.dev/builder/zh/api/config-source.html#source-exclude)。
+This configuration is Modern.js Builder configuration, more detail can see [source.exclude](https://modernjs.dev/builder/en/api/config-source.html#source-exclude)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/source/exclude.md'
+import Main from '@modern-js/builder-doc/docs/en/config/source/exclude.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/source/global-vars.md

@@ -4,9 +4,9 @@ sidebar_label: globalVars
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [source.globalVars](https://modernjs.dev/builder/zh/api/config-source.html#source-globalvars)。
+This configuration is Modern.js Builder configuration, more detail can see [source.globalVars](https://modernjs.dev/builder/en/api/config-source.html#source-globalvars)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/source/globalVars.md'
+import Main from '@modern-js/builder-doc/docs/en/config/source/globalVars.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/source/include.md

@@ -4,9 +4,9 @@ sidebar_label: include
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [source.include](https://modernjs.dev/builder/zh/api/config-source.html#source-include)。
+This configuration is Modern.js Builder configuration, more detail can see [source.include](https://modernjs.dev/builder/en/api/config-source.html#source-include)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/source/include.md'
+import Main from '@modern-js/builder-doc/docs/en/config/source/include.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/source/module-scopes.md

@@ -4,9 +4,9 @@ sidebar_label: moduleScopes
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [source.moduleScopes](https://modernjs.dev/builder/zh/api/config-source.html#source-modulescopes)。
+This configuration is Modern.js Builder configuration, more detail can see [source.moduleScopes](https://modernjs.dev/builder/en/api/config-source.html#source-modulescopes)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/source/moduleScopes.md'
+import Main from '@modern-js/builder-doc/docs/en/config/source/moduleScopes.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/source/pre-entry.md

@@ -4,9 +4,9 @@ sidebar_label: preEntry
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [source.preEntry](https://modernjs.dev/builder/zh/api/config-source.html#source-preentry)。
+This configuration is Modern.js Builder configuration, more detail can see [source.preEntry](https://modernjs.dev/builder/en/api/config-source.html#source-preentry)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/source/preEntry.md'
+import Main from '@modern-js/builder-doc/docs/en/config/source/preEntry.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/source/resolve-extension-prefix.md

@@ -4,9 +4,9 @@ sidebar_label: resolveExtensionPrefix
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [source.resolveExtensionPrefix](https://modernjs.dev/builder/zh/api/config-source.html#source-resolveextensionprefix)。
+This configuration is Modern.js Builder configuration, more detail can see [source.resolveExtensionPrefix](https://modernjs.dev/builder/en/api/config-source.html#source-resolveextensionprefix)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/source/resolveExtensionPrefix.md'
+import Main from '@modern-js/builder-doc/docs/en/config/source/resolveExtensionPrefix.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/source/resolve-main-fields.md

@@ -4,9 +4,9 @@ sidebar_label: resolveMainFields
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [source.resolveMainFields](https://modernjs.dev/builder/zh/api/config-source.html#source-resolvemainfields)。
+This configuration is Modern.js Builder configuration, more detail can see [source.resolveMainFields](https://modernjs.dev/builder/en/api/config-source.html#source-resolvemainfields)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/source/resolveMainFields.md'
+import Main from '@modern-js/builder-doc/docs/en/config/source/resolveMainFields.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/autoprefixer.md

@@ -4,9 +4,9 @@ sidebar_label: autoprefixer
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.autoprefixer](https://modernjs.dev/builder/zh/api/config-tools.html#tools-autoprefixer)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.autoprefixer](https://modernjs.dev/builder/en/api/config-tools.html#tools-autoprefixer)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/autoprefixer.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/autoprefixer.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/babel.md

@@ -4,9 +4,9 @@ sidebar_label: babel
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.babel](https://modernjs.dev/builder/zh/api/config-tools.html#tools-babel)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.babel](https://modernjs.dev/builder/en/api/config-tools.html#tools-babel)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/babel.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/babel.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/css-extract.md

@@ -4,9 +4,9 @@ sidebar_label: cssExtract
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.cssExtract](https://modernjs.dev/builder/zh/api/config-tools.html#tools-cssextract)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.cssExtract](https://modernjs.dev/builder/en/api/config-tools.html#tools-cssextract)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/cssExtract.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/cssExtract.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/css-loader.md

@@ -4,9 +4,9 @@ sidebar_label: cssLoader
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.cssLoader](https://modernjs.dev/builder/zh/api/config-tools.html#tools-cssloader)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.cssLoader](https://modernjs.dev/builder/en/api/config-tools.html#tools-cssloader)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/cssLoader.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/cssLoader.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/dev-server.md

@@ -4,9 +4,9 @@ sidebar_label: devServer
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.devServer](https://modernjs.dev/builder/zh/api/config-tools.html#tools-devserver)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.devServer](https://modernjs.dev/builder/en/api/config-tools.html#tools-devserver)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/devServer.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/devServer.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/html-plugin.md

@@ -4,9 +4,9 @@ sidebar_label: htmlPlugin
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.htmlPlugin](https://modernjs.dev/builder/zh/api/config-tools.html#tools-htmlplugin)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.htmlPlugin](https://modernjs.dev/builder/en/api/config-tools.html#tools-htmlplugin)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/htmlPlugin.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/htmlPlugin.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/inspector.md

@@ -4,9 +4,9 @@ sidebar_label: inspector
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.inspector](https://modernjs.dev/builder/zh/api/config-tools.html#tools-inspector)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.inspector](https://modernjs.dev/builder/en/api/config-tools.html#tools-inspector)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/inspector.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/inspector.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/jest.md

@@ -4,8 +4,8 @@ title: tools.jest
 sidebar_label: jest
 ---
 
-* Type: `Object | Function`
-* Default: `{}`
+- Type: `Object | Function`
+- Default: `{}`
 
 :::caution Caution
 First you need to enable the "Unit Test" function using [new](/docs/apis/app/commands/new) command.
@@ -17,9 +17,9 @@ Corresponding to the configuration of [Jest](https://jestjs.io/docs/configuratio
 export default defineConfig({
   tools: {
     jest: {
-      testTimeout: 10000
-    }
-  }
+      testTimeout: 10000,
+    },
+  },
 });
 ```
 
@@ -31,9 +31,9 @@ export default defineConfig({
     jest: options => {
       return {
         ...options,
-        testTimeout: 10000
-      }
-    }
-  }
+        testTimeout: 10000,
+      };
+    },
+  },
 });
 ```

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/less.md

@@ -4,9 +4,9 @@ sidebar_label: less
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.less](https://modernjs.dev/builder/zh/api/config-tools.html#tools-less)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.less](https://modernjs.dev/builder/en/api/config-tools.html#tools-less)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/less.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/less.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/minify-css.md

@@ -4,9 +4,9 @@ sidebar_label: minifyCss
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.minifyCss](https://modernjs.dev/builder/zh/api/config-tools.html#tools-minifycss)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.minifyCss](https://modernjs.dev/builder/en/api/config-tools.html#tools-minifycss)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/minifyCss.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/minifyCss.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/postcss.md

@@ -4,9 +4,9 @@ sidebar_label: postcss
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.postcss](https://modernjs.dev/builder/zh/api/config-tools.html#tools-postcss)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.postcss](https://modernjs.dev/builder/en/api/config-tools.html#tools-postcss)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/postcss.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/postcss.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/pug.md

@@ -4,9 +4,9 @@ sidebar_label: pug
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.pug](https://modernjs.dev/builder/zh/api/config-tools.html#tools-pug)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.pug](https://modernjs.dev/builder/en/api/config-tools.html#tools-pug)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/pug.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/pug.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/sass.md

@@ -4,9 +4,9 @@ sidebar_label: sass
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.sass](https://modernjs.dev/builder/zh/api/config-tools.html#tools-sass)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.sass](https://modernjs.dev/builder/en/api/config-tools.html#tools-sass)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/sass.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/sass.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/style-loader.md

@@ -4,9 +4,9 @@ sidebar_label: styleLoader
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.styleLoader](https://modernjs.dev/builder/zh/api/config-tools.html#tools-styleloader)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.styleLoader](https://modernjs.dev/builder/en/api/config-tools.html#tools-styleloader)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/styleLoader.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/styleLoader.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/styled-components.md

@@ -4,9 +4,9 @@ sidebar_label: styledComponents
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.styledComponents](https://modernjs.dev/builder/zh/api/config-tools.html#tools-styledcomponents)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.styledComponents](https://modernjs.dev/builder/en/api/config-tools.html#tools-styledcomponents)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/styledComponents.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/styledComponents.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/swc.md

@@ -14,12 +14,23 @@ Modern.js Builder has a out-of-box plugin for SWC, power your Web application wi
 
 ## Install
 
-The `@modern-js/plugin-swc` plugin needs to be installed before use. After the installation, the SWC compilation and compression will be automatically enabled.
+The `@modern-js/plugin-swc` plugin needs to be installed before use.
 
 ```bash
 pnpm add @modern-js/plugin-swc -D
 ```
 
+After the installation，please register the SWC plugin in the `modern.config.ts` file, then the SWC compilation and compression will be enabled.
+
+```ts title="modern.config.ts"
+import appTools, { defineConfig } from '@modern-js/app-tools';
+import swcPlugin from '@modern-js/plugin-swc';
+
+export default defineConfig({
+  plugins: [appTools(), swcPlugin()],
+});
+```
+
 ## Config
 
 You can set the SWC compilation behavior through the `tools.swc` config.

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/terser.md

@@ -4,9 +4,9 @@ sidebar_label: terser
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.terser](https://modernjs.dev/builder/zh/api/config-tools.html#tools-terser)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.terser](https://modernjs.dev/builder/en/api/config-tools.html#tools-terser)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/terser.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/terser.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/ts-checker.md

@@ -4,9 +4,9 @@ sidebar_label: tsChecker
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.tsChecker](https://modernjs.dev/builder/zh/api/config-tools.html#tools-tschecker)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.tsChecker](https://modernjs.dev/builder/en/api/config-tools.html#tools-tschecker)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/tsChecker.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/tsChecker.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/ts-loader.md

@@ -4,9 +4,9 @@ sidebar_label: tsLoader
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.tsLoader](https://modernjs.dev/builder/zh/api/config-tools.html#tools-tsloader)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.tsLoader](https://modernjs.dev/builder/en/api/config-tools.html#tools-tsloader)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/tsLoader.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/tsLoader.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/webpack-chain.md

@@ -4,9 +4,9 @@ sidebar_label: webpackChain
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.webpackChain](https://modernjs.dev/builder/zh/api/config-tools.html#tools-webpackchain)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.webpackChain](https://modernjs.dev/builder/en/api/config-tools.html#tools-webpackchain)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/webpackChain.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/webpackChain.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/configure/app/tools/webpack.md

@@ -4,9 +4,9 @@ sidebar_label: webpack
 ---
 
 :::info BUILDER
-This configuration is Modern.js Builder configuration, more detail can see [tools.webpack](https://modernjs.dev/builder/zh/api/config-tools.html#tools-webpack)。
+This configuration is Modern.js Builder configuration, more detail can see [tools.webpack](https://modernjs.dev/builder/en/api/config-tools.html#tools-webpack)。
 :::
 
-import Main from '@modern-js/builder-doc/en/config/tools/webpack.md'
+import Main from '@modern-js/builder-doc/docs/en/config/tools/webpack.md'
 
 <Main />

package/en/docusaurus-plugin-content-docs/current/guides/advanced-features/bff/frameworks.md

@@ -106,12 +106,12 @@ The framework writing of Express supports defining the startup logic of API Serv
 The route defined by the BFF function will be registered after the route defined by the `app.ts` file, so here you can also intercept the route defined by the BFF function, preprocess or respond in advance.
 
 ```ts title="api/app.ts"
-import express from "express";
+import express from 'express';
 
 const app = express();
 
-app.put("/user", function (req, res) {
-  res.send("Got a PUT request at /user");
+app.put('/user', function (req, res) {
+  res.send('Got a PUT request at /user');
 });
 
 app.use(async (req, res, next) => {
@@ -133,12 +133,12 @@ Use the framework writing, when there is no `app.ts`, Modern.js will add koa-bod
 :::
 
 ```ts title=api/app.ts
-import koa from "koa";
+import koa from 'koa';
 
 const app = new Koa();
 
-app.put("/user", function (req, res) {
-  res.send("Got a PUT request at /user");
+app.put('/user', function (req, res) {
+  res.send('Got a PUT request at /user');
 });
 
 app.use(async (ctx, next) => {