@fulgurjs/federation 6.11.6 → 6.11.7

package/examples/templates/vue-vue/host/src/{application.ts → fulgurjs/host/application.ts}

@@ -1,10 +1,11 @@
+/** 宿主装配入口：main 只调用 start；在这里连接本工程的路由与远程挂载，原业务页面仍在 pages/。 */
 import { createApp, h } from 'vue'
 import { createRouter, createWebHistory, useRoute } from 'vue-router'
 import { defineApplication, createHostPages } from '@fulgurjs/federation/vue'
-import App from './App.vue'
-import HomePage from './pages/HomePage.vue'
-import UtilsDemo from './pages/UtilsDemo.vue'
-import { pages, remotePrefixes } from '../fulgurjs.config.ts'
+import App from '../../App.vue'
+import HomePage from '../../pages/HomePage.vue'
+import UtilsDemo from '../../pages/UtilsDemo.vue'
+import { pages, remotePrefixes } from '../../../fulgurjs.config.ts'
 
 // 页面适配器：URL 解析、最长前缀远程归属、异步组件缓存、
 // 加载/错误占位（含「重试加载 / 刷新页面重试」）全部由插件完成。

package/examples/templates/vue-vue/host/src/main.ts

@@ -1,4 +1,4 @@
-import application from './application'
+import application from './fulgurjs/host/application'
 
 // 独立入口只负责启动；初始化写在 application 中。
 void application.start('#app').catch(console.error)

package/examples/templates/vue-vue/host/src/pages/UtilsDemo.vue

@@ -12,7 +12,7 @@
     <button data-testid="demo-utils-reload" @click="load">重新调用</button>
     <section data-testid="demo-types-guide">
       <h3>远程类型提示：像使用本地代码一样</h3>
-      <p>打开 <code>host/src/type-demo.ts</code>，在 <code>utils.</code> 后触发补全，或悬停查看函数参数和返回值。</p>
+      <p>打开 <code>host/src/fulgurjs/host/type-demo.ts</code>，在 <code>utils.</code> 后触发补全，或悬停查看函数参数和返回值。</p>
       <p>下面的详情组件来自远程，<code>id</code> 和 <code>tab</code> 都是字符串。把本文件中的 <code>id="7"</code> 改成 <code>:id="7"</code>，编辑器和类型检查会提示错误；体验后请还原。</p>
       <RemoteDetail id="7" tab="type-demo" />
       <p>执行 <code>pnpm --dir host typecheck</code> 可检查正确调用和五条错误示例。错误示例不在浏览器中执行；移除其中一行的 <code>@ts-expect-error</code> 后再检查，就能看到具体诊断。</p>

package/examples/templates/vue-vue/remote/README.md

@@ -17,10 +17,10 @@ pnpm --dir remote dev
 
 | expose 键 | 源文件 | 说明 |
 | --- | --- | --- |
-| `./ClickButton` | `src/exposes/ClickButton.vue` | 可点击计数按钮（本地状态在组件内） |
-| `./utils` | `src/exposes/utils.ts` | 普通 TS 模块：`sumNumbers` / `DEMO_ANSWER` / `formatPrice` |
-| `./pages/HomePage` | `src/exposes/pages/HomePage.vue` | 联邦页面：远程首页 |
-| `./pages/DetailPage` | `src/exposes/pages/DetailPage.vue` | 联邦页面：详情页（接收宿主路由的 `id` / `tab` props） |
+| `./ClickButton` | `src/fulgurjs/exposes/ClickButton.vue` | 可点击计数按钮（本地状态在组件内） |
+| `./utils` | `src/fulgurjs/exposes/utils.ts` | 普通 TS 模块：`sumNumbers` / `DEMO_ANSWER` / `formatPrice` |
+| `./pages/HomePage` | `src/fulgurjs/exposes/pages/HomePage.vue` | 联邦页面：远程首页 |
+| `./pages/DetailPage` | `src/fulgurjs/exposes/pages/DetailPage.vue` | 联邦页面：详情页（接收宿主路由的 `id` / `tab` props） |
 
 宿主如何调用 `./utils`（宿主侧代码）：
 

package/examples/templates/vue-vue/remote/fulgurjs.config.ts

@@ -9,10 +9,10 @@ export default {
   // 生产构建的容器入口文件名（部署后宿主 prod 地址指向它所在目录）
   filename: 'fulgurjs-remoteEntry.js',
   exposes: {
-    './ClickButton': './src/exposes/ClickButton.vue',
-    './utils': './src/exposes/utils.ts',
-    './pages/HomePage': './src/exposes/pages/HomePage.vue',
-    './pages/DetailPage': './src/exposes/pages/DetailPage.vue',
+    './ClickButton': './src/fulgurjs/exposes/ClickButton.vue',
+    './utils': './src/fulgurjs/exposes/utils.ts',
+    './pages/HomePage': './src/fulgurjs/exposes/pages/HomePage.vue',
+    './pages/DetailPage': './src/fulgurjs/exposes/pages/DetailPage.vue',
   },
   shared: {
     vue: { singleton: true, requiredVersion: '^3.4.0' },

package/examples/templates/vue-vue/remote/src/App.vue

@@ -12,5 +12,5 @@
 </template>
 
 <script setup lang="ts">
-import ClickButton from './exposes/ClickButton.vue'
+import ClickButton from './fulgurjs/exposes/ClickButton.vue'
 </script>

package/examples/templates/vue-vue/remote/src/{application.ts → fulgurjs/exposes/application.ts}

@@ -1,6 +1,7 @@
+/** 应用装配入口：main 只调用 start；独立与嵌入复用本工厂，每次挂载的实例和清理由插件管理。 */
 import { createApp } from 'vue'
 import { defineApplication } from '@fulgurjs/federation/vue'
-import App from './App.vue'
+import App from '../../App.vue'
 
 // 普通组件远程不需要额外桥接/路由；独立调试仍由同一应用入口启动。
 export default defineApplication(() => createApp(App))

package/examples/templates/vue-vue/remote/src/main.ts

@@ -1,4 +1,4 @@
-import application from './application'
+import application from './fulgurjs/exposes/application'
 
 // 独立入口只负责启动；初始化写在 application 中。
 void application.start('#app').catch(console.error)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fulgurjs/federation",
-  "version": "6.11.6",
+  "version": "6.11.7",
   "type": "module",
   "description": "Vite Module Federation for Vue and React: remote modules, shared dependencies and app bridges.",
   "license": "MIT",

package/examples/templates/vue-host-react-remote/vue-host/src/application.ts

@@ -1,5 +0,0 @@
-import { createApp } from 'vue'
-import { defineApplication } from '@fulgurjs/federation/vue'
-import App from './App.vue'
-
-export default defineApplication(() => createApp(App))