feat(bridge): Supports exporting and loading of application-level modules (with routing), currently supports react and vue3 (#2648)

Author: zhoushaw

.changeset/lemon-pandas-drop.md

@@ -0,0 +1,8 @@
+---
+'@module-federation/bridge-react': minor
+'@module-federation/bridge-react-webpack-plugin': minor
+'@module-federation/bridge-shared': minor
+'@module-federation/bridge-vue3': minor
+---
+
+feat(bridge): Supports exporting and loading of application-level modules (with routing), currently supports react and vue3

apps/website-new/docs/en/practice/bridge/index.mdx

@@ -17,11 +17,11 @@ Before reading this chapter, it's assumed you are already familiar with:
 
 ### @module-federation/bridge-react
 
-The `@module-federation/bridge-react` toolkit is a `bridge` utility function package provided by MF for React v18 applications. The exported `createBridgeComponent` can be used for exporting modules in React v18 applications. Usage examples of `@module-federation/bridge-react` can be found in the [Host demo](https://github.com/module-federation/core/blob/6756c9142d0bf41262a26fe30e3c39d7957cfa58/apps/router-demo/router-host-2000) and [Remote demo](https://github.com/module-federation/core/blob/6756c9142d0bf41262a26fe30e3c39d7957cfa58/apps/router-demo/router-remote2-2002).
+The `@module-federation/bridge-react` toolkit is a `bridge` utility function package provided by MF for React v18 applications. The exported `createBridgeComponent` can be used for exporting modules in React v18 applications. Usage examples of `@module-federation/bridge-react` can be found in the [Host demo](https://github.com/module-federation/core/core/tree/main/apps/router-demo/router-host-2000) and [Remote demo](https://github.com/module-federation/core/core/tree/main/apps/router-demo/router-remote2-2002).
 
 ### @module-federation/bridge-vue3
 
-The `@module-federation/bridge-vue3` toolkit is a `bridge` utility function package provided by MF for Vue v3 applications. The exported `createBridgeComponent` can be used for exporting modules in Vue v3 sub-applications. Usage examples of `@module-federation/bridge-vue3` can be found in the [Host demo](https://github.com/module-federation/core/blob/6756c9142d0bf41262a26fe30e3c39d7957cfa58/apps/router-demo/router-host-2100) and [Remote demo](https://github.com/module-federation/core/blob/6756c9142d0bf41262a26fe30e3c39d7957cfa58/apps/router-demo/router-remote3-2003).
+The `@module-federation/bridge-vue3` toolkit is a `bridge` utility function package provided by MF for Vue v3 applications. The exported `createBridgeComponent` can be used for exporting modules in Vue v3 sub-applications. Usage examples of `@module-federation/bridge-vue3` can be found in the [Host demo](https://github.com/module-federation/core/core/tree/main/apps/router-demo/router-host-2100) and [Remote demo](https://github.com/module-federation/core/core/tree/main/apps/router-demo/router-remote3-2003).
 
 
 ## FAQ

apps/website-new/docs/en/practice/bridge/react-bridge.mdx

@@ -1,6 +1,6 @@
 # React Bridge
 
-`@module-federation/bridge-react` provides `bridge` utility functions for React applications. The `createBridgeComponent` function can be used to export application-level modules, while `createRemoteComponent` is used to load application-level modules. [Demo](https://github.com/module-federation/core/blob/6756c9142d0bf41262a26fe30e3c39d7957cfa58/apps/router-demo)
+`@module-federation/bridge-react` provides `bridge` utility functions for React applications. The `createBridgeComponent` function can be used to export application-level modules, while `createRemoteComponent` is used to load application-level modules. [Demo](https://github.com/module-federation/core/core/tree/main/apps/router-demo)
 
 ### Installation
 

apps/website-new/docs/zh/practice/bridge/index.mdx

@@ -17,11 +17,11 @@
 
 ### @module-federation/bridge-react
 
-`@module-federation/bridge-react` 工具包是 MF 为 React v16、v17、v18 应用 提供的 `bridge` 工具函数包，其导出的 `createBridgeComponent` 可用于 react v18 应用的导出模块，`@module-federation/bridge-react` 的使用见 [Host demo](https://github.com/module-federation/core/blob/6756c9142d0bf41262a26fe30e3c39d7957cfa58/apps/router-demo/router-host-2000)、[Remote demo](https://github.com/module-federation/core/blob/6756c9142d0bf41262a26fe30e3c39d7957cfa58/apps/router-demo/router-remote2-2002)。
+`@module-federation/bridge-react` 工具包是 MF 为 React v16、v17、v18 应用 提供的 `bridge` 工具函数包，其导出的 `createBridgeComponent` 可用于 react v18 应用的导出模块，`@module-federation/bridge-react` 的使用见 [Host demo](https://github.com/module-federation/core/core/tree/main/apps/router-demo/router-host-2000)、[Remote demo](https://github.com/module-federation/core/core/tree/main/apps/router-demo/router-remote2-2002)。
 
 ### @module-federation/bridge-vue3
 
-`@module-federation/bridge-vue3` 工具包是 MF 为 Vue v3 应用 提供的 `bridge` 工具函数包，其导出的 `createBridgeComponent` 可用于 Vue v3 子应用的导出模块，`@module-federation/bridge-vue3` 的使用见 [Host demo](https://github.com/module-federation/core/blob/6756c9142d0bf41262a26fe30e3c39d7957cfa58/apps/router-demo/router-host-2100)、[Remote demo](https://github.com/module-federation/core/blob/6756c9142d0bf41262a26fe30e3c39d7957cfa58/apps/router-demo/router-remote3-2003)。
+`@module-federation/bridge-vue3` 工具包是 MF 为 Vue v3 应用 提供的 `bridge` 工具函数包，其导出的 `createBridgeComponent` 可用于 Vue v3 子应用的导出模块，`@module-federation/bridge-vue3` 的使用见 [Host demo](https://github.com/module-federation/core/core/tree/main/apps/router-demo/router-host-2100)、[Remote demo](https://github.com/module-federation/core/core/tree/main/apps/router-demo/router-remote3-2003)。
 
 
 ## FAQ

apps/website-new/docs/zh/practice/bridge/react-bridge.mdx

@@ -1,6 +1,6 @@
 # React Bridge
 
-`@module-federation/bridge-react` 提供了用于 React 应用的 `bridge` 工具函数，其提供的 `createBridgeComponent` 可用于导出应用级别模块，`createRemoteComponent` 用于加载应用级别模块。[Demo](https://github.com/module-federation/core/blob/6756c9142d0bf41262a26fe30e3c39d7957cfa58/apps/router-demo)
+`@module-federation/bridge-react` 提供了用于 React 应用的 `bridge` 工具函数，其提供的 `createBridgeComponent` 可用于导出应用级别模块，`createRemoteComponent` 用于加载应用级别模块。[Demo](https://github.com/module-federation/core/core/tree/main/apps/router-demo)
 
 
 ### 安装

apps/website-new/docs/zh/practice/bridge/vue-bridge.mdx

@@ -1,6 +1,6 @@
 # Vue Bridge（for Vue v3）
 
-`@module-federation/bridge-vue3` 提供了用于 Vue v3 应用的 `bridge` 工具函数，其提供的 `createBridgeComponent` 可用于导出应用级别模块，`createRemoteComponent` 用于加载应用级别模块。[Demo](https://github.com/module-federation/core/blob/6756c9142d0bf41262a26fe30e3c39d7957cfa58/apps/router-demo)
+`@module-federation/bridge-vue3` 提供了用于 Vue v3 应用的 `bridge` 工具函数，其提供的 `createBridgeComponent` 可用于导出应用级别模块，`createRemoteComponent` 用于加载应用级别模块。[Demo](https://github.com/module-federation/core/core/tree/main/apps/router-demo)
 
 ### 安装