docs: add registerPlugins docs (#3060)

Author: 2heal1

apps/website-new/docs/en/guide/basic/runtime.mdx

@@ -58,7 +58,7 @@ loadRemote<{add: (...args: Array<number>)=> number }>("app2/util").then((md)=>{
 ### init
 
 - Type: `init(options: InitOptions): void`
-- Creates a runtime instance, which can be dynamically re-registered, but only one instance exists.
+- Create a runtime instance, which can be called repeatedly, but only one instance exists. If you want to dynamically register remotes or plugins, use [registerPlugins](#registerplugins) or [registerRemotes](#registerremotes)
 - InitOptions:
 
 ```typescript
@@ -406,6 +406,23 @@ registerRemotes([
 ], { force: true });
 ```
 
+### registerPlugins
+
+- Type: `registerPlugins(plugins: FederationRuntimePlugin[]): void`
+- Used to register plugins after initialization
+
+- Example
+
+```ts
+import { registerPlugins } from '@module-federation/enhanced/runtime'
+import runtimePlugin from 'custom-runtime-plugin.ts';
+
+registerPlugins([runtimePlugin()]);
+```
+
+If you want to develop Module Federation plugin, you can read [Module Federation Plugin System](../../plugin/dev/index) for more info.
+
+
 ## FAQ
 
 ### Differences Between Build Plugins and Runtime

apps/website-new/docs/en/plugin/dev/index.mdx

@@ -58,11 +58,7 @@ const path = require('path');
 module.exports = {
   plugins: [
     new ModuleFederation({
-      name: 'host',
-      remotes: {
-        'manifest-provider':
-          'manifest_provider@http://localhost:3011/mf-manifest.json',
-      },
+      // ...
       runtimePlugins: [path.resolve(__dirname, './custom-runtime-plugin.ts')],
     }),
   ],
@@ -72,18 +68,10 @@ module.exports = {
 - Runtime registration of plugins
 
 ```typescript
+import { registerPlugins } from '@module-federation/enhanced/runtime'
 import runtimePlugin from 'custom-runtime-plugin.ts';
-init({
-  name: '@demo/app-main',
-  remotes: [
-    {
-      name: '@demo/app2',
-      entry: 'http://localhost:3006/mf-manifest.json',
-      alias: 'app2',
-    },
-  ],
-  plugins: [runtimePlugin()],
-});
+
+registerPlugins([runtimePlugin()]);
 ```
 
 ### Plugin Structure

apps/website-new/docs/zh/guide/basic/runtime.mdx

@@ -58,7 +58,7 @@ loadRemote<{add: (...args: Array<number>)=> number }>("app2/util").then((md)=>{
 ### init
 
 - Type: `init(options: InitOptions): void`
-- 创建运行时实例，它可以通过重新调用动态注册远程，但只存在一个实例。
+- 创建运行时实例，它可以重复调用，但只存在一个实例。若想动态注册远程模块或插件，请使用 [registerPlugins](#registerplugins) 或 [registerRemotes](#registerremotes)
 - InitOptions:
 
 ```ts
@@ -406,6 +406,23 @@ registerRemotes([
 ], { force: true });
 ```
 
+
+### registerPlugins
+
+- Type: `registerPlugins(plugins: FederationRuntimePlugin[]): void`
+- 用于在初始化后注册远程插件.
+
+- Example
+
+```ts
+import { registerPlugins } from '@module-federation/enhanced/runtime'
+import runtimePlugin from 'custom-runtime-plugin.ts';
+
+registerPlugins([runtimePlugin()]);
+```
+
+如果你需要开发 Module Federation 插件，可以阅读 [Module Federation 插件系统](../../plugin/dev/index) 获取更多信息。
+
 ## FAQ
 
 ### 构建插件和 Runtime 差异

apps/website-new/docs/zh/plugin/dev/index.mdx

@@ -58,11 +58,7 @@ const path = require('path');
 module.exports = {
   plugins: [
     new ModuleFederation({
-      name: 'host',
-      remotes: {
-        'manifest-provider':
-          'manifest_provider@http://localhost:3011/mf-manifest.json',
-      },
+      // ...
       runtimePlugins: [path.resolve(__dirname, './custom-runtime-plugin.ts')],
     }),
   ],
@@ -72,18 +68,10 @@ module.exports = {
 - 运行时注册插件
 
 ```ts
+import { registerPlugins } from '@module-federation/enhanced/runtime'
 import runtimePlugin from 'custom-runtime-plugin.ts';
-init({
-  name: '@demo/app-main',
-  remotes: [
-    {
-      name: '@demo/app2',
-      entry: 'http://localhost:3006/mf-manifest.json',
-      alias: 'app2',
-    },
-  ],
-  plugins: [runtimePlugin()],
-});
+
+registerPlugins([runtimePlugin()]);
 ```
 
 ### 插件结构
@@ -677,4 +665,4 @@ import test1 from "delegateModulesA/test1"
 import test2 from "delegateModulesA/test2"
 test1 // "test1 value"
 test2 // "test2 value"
-```
+```