docs: typo

Author: 2heal1

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

@@ -3,49 +3,49 @@
 import { Badge } from '@theme';
 import Collapse from '@components/Collapse'
 
-If the build plugin is used, an MF instance will be automatically created and stored in memory when the project starts. You can directly call methods of the MF instance via the <Badge>API</Badge>.
+If the build plugin is used, an MF instance will be automatically created and stored in memory when the project starts. You can directly call methods of the MF instance via the .
 
 If the build plugin is not used, you need to manually create an MF instance before calling the corresponding API.
 
-## ModuleFederation <Badge type='info'>Class</Badge>
-
-In addition to exposing APIs,  the Runtime also provides the ModuleFederation class, which you can use to create ModuleFederation instance.
-
 * What is a `ModuleFederation` instance?
 
 A `ModuleFederation` instance is an instance of the `ModuleFederation` class, which contains all the functionality of the `ModuleFederation` runtime.
 
 > You can enter `__FEDERATION__.__INSTANCES__` in the console to view the created instances.
 
-* When to use `ModuleFederation` class?
+## createInstance
+
+In addition to exposing APIs,  the Runtime also provides the `createInstance`, which you can use to create ModuleFederation instance.
+
+* When to use `createInstance`?
 
 To ensure the uniqueness of the ModuleFederation instance, after the build plugin creates an instance, it will be stored in memory. The exported APIs all first obtain the ModuleFederation instance from memory and then call the APIs of the ModuleFederation instance. This is also why APIs like loadRemote can be used directly from the `@module-federation/enhanced/runtime` package and inherently understand what application container they are attached to.
 
-However, this singleton pattern also limits the ability to create multiple instances, as it assumes that there is only one instance per bundle. Therefore, if you need to create a new instance , you can use the ModuleFederation class to create a new one.
+However, this singleton pattern also limits the ability to create multiple instances, as it assumes that there is only one instance per bundle. Therefore, if you need to create a new instance , you can use the [createInstance](#createinstance) to create a new one.
 
 ```ts
 import { createInstance } from '@module-federation/enhanced/runtime';
 
 const mf = createInstance({
-  name: '@demo/host',
+  name: 'host',
   remotes: [
     {
-      name: '@demo/sub1',
-      entry: 'http://localhost:8080/vmok-manifest.json'
+      name: 'sub1',
+      entry: 'http://localhost:8080/mf-manifest.json'
     }
   ]
 });
 
-mf.loadRemote('@demo/sub1/util').then((m) => m.add(1, 2, 3));
+mf.loadRemote('sub1/util').then((m) => m.add(1, 2, 3));
 ```
 
-## init <Badge>API</Badge> <Badge type='danger'>Deprecated</Badge>
+## init <Badge type='danger'>Deprecated</Badge>
 
 :::warning Warning
 
 This API will be deprecated. If you need to get an existing instance, you can use [getInstance](#getinstance) to retrieve the created instance.
 
-If you need to create a new instance, please use the [ModuleFederation](#modulefederation) class.
+If you need to create a new instance, please use the [createInstance](#createinstance).
 
 :::
 
@@ -138,7 +138,7 @@ init({
 ```
 </Collapse>
 
-## getInstance <Badge>API</Badge>
+## getInstance
 
 - Type: `getInstance(): ModuleFederation`
 - Retrieves the `ModuleFederation` instance created by the build plugin
@@ -152,9 +152,9 @@ const mfInstance = getInstance();
 mfInstance.loadRemote('remote/util');
 ```
 
-If the build plugin is not used, calling `getInstance` will throw an exception. In this case, you need to use the [ModuleFederation](#modulefederation) class to create a new instance.
+If the build plugin is not used, calling `getInstance` will throw an exception. In this case, you need to use the [createInstance](#createinstance) to create a new instance.
 
-## registerRemotes <Badge>API</Badge>
+## registerRemotes
 
 <Collapse>
 
@@ -196,22 +196,23 @@ If use build plugin:
 ```ts
 import { registerRemotes } from '@module-federation/enhanced/runtime';
 
-// Add a new remote @demo/sub2
+// Add a new remote sub2
 registerRemotes([
   {
       name: 'sub2',
       entry: 'http://localhost:2002/mf-manifest.json',
   }
 ]);
 
-// Overwrite the previous remote @demo/sub1
+// Overwrite the previous remote sub1
 registerRemotes([
   {
       name: 'sub1',
       entry: 'http://localhost:2003/mf-manifest.json',
   }
 ],{ force:true });
 ```
+
 If not use build plugin:
 
 
@@ -228,15 +229,15 @@ const mf = createInstance({
   ]
 });
 
-// Add a new remote @demo/sub2
+// Add a new remote sub2
 mf.registerRemotes([
   {
       name: 'sub2',
       entry: 'http://localhost:2002/mf-manifest.json',
   }
 ]);
 
-// Overwrite the previous remote @demo/sub1
+// Overwrite the previous remote sub1
 mf.registerRemotes([
   {
       name: 'sub1',
@@ -245,7 +246,7 @@ mf.registerRemotes([
 ],{ force:true });
 ```
 
-## registerPlugins <Badge>API</Badge>
+## registerPlugins
 
 - type
 
@@ -289,7 +290,7 @@ registerPlugins([
 ]);
 ```
 
-## registerShared <Badge>API</Badge>
+## registerShared
 
 <Collapse>
 
@@ -353,7 +354,7 @@ registerShared({
 });
 ```
 
-## loadRemote <Badge>API</Badge>
+## loadRemote
 
 - Type: `loadRemote(id: string)`
 - Loads a remote module.
@@ -369,7 +370,7 @@ loadRemote("remote/util").then((m)=> m.add(1,2,3));
 loadRemote("app1/util").then((m)=> m.add(1,2,3));
 ```
 
-## loadShare <Badge>API</Badge>
+## loadShare
 
 - Type: `loadShare(pkgName: string, extraOptions?: { customShareInfo?: Partial<Shared>;resolver?: (sharedOptions: ShareInfos[string]) => Shared;})`
 - Gets a `share` dependency. When there is a `share` dependency in the global environment that meets the requirements of the current `host`, the existing dependency that meets the `share` conditions will be reused first. Otherwise, its own dependency will be loaded and stored in the global cache.
@@ -426,7 +427,7 @@ loadShare('react', {
 });
 ```
 
-## preloadRemote <Badge>API</Badge>
+## preloadRemote
 
 <Collapse>
 
@@ -486,9 +487,9 @@ registerRemotes([
   },
 ]);
 
-// Preload the @demo/sub1 module
+// Preload the sub1 module
 // Filter resource information that contains 'ignore' in the resource name
-// Only preload the sub-dependency @demo/sub1-button module
+// Only preload the sub-dependency sub1-button module
 preloadRemote([
     {
         nameOrAlias: 'sub1',
@@ -500,17 +501,17 @@ preloadRemote([
 ]);
 
 
-// Preload the @demo/sub2 module
-// Preload all exposes under @demo/sub2
-// Preload the synchronous and asynchronous resources of @demo/sub2
+// Preload the sub2 module
+// Preload all exposes under sub2
+// Preload the synchronous and asynchronous resources of sub2
 preloadRemote([
     {
         nameOrAlias: 'sub2',
         resourceCategory: 'all',
     },
 ]);
 
-// Preload the add expose of the @demo/sub3 module
+// Preload the add expose of the sub3 module
 preloadRemote([
     {
         nameOrAlias: 'sub3',

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

@@ -62,7 +62,7 @@ import { PackageManagerTabs } from '@theme';
 If use build plugin, you can directly register modules using `registerRemotes`.
 
 ```ts
-import { init, loadRemote } from '@module-federation/enhanced/runtime';
+import { registerRemotes } from '@module-federation/enhanced/runtime';
 
 registerRemotes([
   {

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

@@ -36,7 +36,7 @@ const mf = createInstance({
   ]
 });
 
-mf.loadRemote('@demo/sub1/util').then((m) => m.add(1, 2, 3));
+mf.loadRemote('sub1/util').then((m) => m.add(1, 2, 3));
 ```
 
 ## init <Badge type='danger'>废弃</Badge>
@@ -45,7 +45,7 @@ mf.loadRemote('@demo/sub1/util').then((m) => m.add(1, 2, 3));
 
 此 API 将被废弃。如果需要获取已创建的实例，可以使用 [getInstance](#getinstance) 获取已创建的实例。
 
-如果需要创建新的实例，请使用 [createInstance](#createinstance) class。
+如果需要创建新的实例，请使用 [createInstance](#createinstance)。
 
 :::
 
@@ -152,7 +152,7 @@ const mfInstance = getInstance();
 mfInstance.loadRemote('remote/util');
 ```
 
-如果没有使用构建插件，调用 `getInstance` 会抛出异常，此时你需要使用 [ModuleFederation](#modulefederation) class 来创建一个新的实例。
+如果没有使用构建插件，调用 `getInstance` 会抛出异常，此时你需要使用 [createInstance](#createinstance) 来创建一个新的实例。
 
 ## registerRemotes
 
@@ -196,15 +196,15 @@ interface RemoteWithVersion {
 ```ts
 import { registerRemotes } from '@module-federation/enhanced/runtime';
 
-// 增加新的 remote @demo/sub2
+// 增加新的 remote sub2
 registerRemotes([
   {
       name: 'sub2',
       entry: 'http://localhost:2002/mf-manifest.json',
   }
 ]);
 
-// 覆盖之前的 remote @demo/sub1
+// 覆盖之前的 remote sub1
 registerRemotes([
   {
       name: 'sub1',
@@ -228,15 +228,15 @@ const mf = createInstance({
   ]
 });
 
-// 增加新的 remote @demo/sub2
+// 增加新的 remote sub2
 mf.registerRemotes([
   {
       name: 'sub2',
       entry: 'http://localhost:2002/mf-manifest.json',
   }
 ]);
 
-// 覆盖之前的 remote @demo/sub1
+// 覆盖之前的 remote sub1
 mf.registerRemotes([
   {
       name: 'sub1',
@@ -487,9 +487,9 @@ registerRemotes([
   },
 ]);
 
-// 预加载 @demo/sub1 模块
+// 预加载 sub1 模块
 // 过滤资源名称中携带 ignore 的资源信息
-// 只预加载子依赖的 @demo/sub1-button 模块
+// 只预加载子依赖的 sub1-button 模块
 preloadRemote([
     {
         nameOrAlias: 'sub1',
@@ -501,17 +501,17 @@ preloadRemote([
 ]);
 
 
-// 预加载 @demo/sub2 模块
-// 预加载 @demo/sub2 下的所有 expose
-// 预加载 @demo/sub2 的同步资源和异步资源
+// 预加载 sub2 模块
+// 预加载 sub2 下的所有 expose
+// 预加载 sub2 的同步资源和异步资源
 preloadRemote([
     {
         nameOrAlias: 'sub2',
         resourceCategory: 'all',
     },
 ]);
 
-// 预加载 @demo/sub3 模块的 add expose
+// 预加载 sub3 模块的 add expose
 preloadRemote([
     {
         nameOrAlias: 'sub3',