refactoring

remote/nuxt.config.ts

@@ -11,7 +11,7 @@ export default defineNuxtConfig({
         name: "remote-app",
         filename: "remoteEntry.js",
         exposes: {
-          "./ContactRouter": "./components/ContactRouter.vue"
+          "./RemoteContactRouter": "./components/RemoteContactRouter.vue"
         },
         shared: []
         // shared: ['vue']
@@ -20,5 +20,8 @@ export default defineNuxtConfig({
     build: {
       target: "esnext"
     }
+  },
+  experimental: {
+    asyncEntry: true
   }
 })

remote/pages/index.vue

@@ -1,10 +1,7 @@
-<script setup lang="ts">
-// import ContactRouter from "~/components/ContactRouter.vue"
-</script>
+<script setup lang="ts"></script>
 
 <template>
   <div class="container mx-auto p-4">
     <h1 class="text-2xl font-bold mb-4">Nuxt 3 MFE Remote App</h1>
-    <!-- <ContactRouter /> -->
   </div>
 </template>