diff --git a/host/nuxt.config.ts b/host/nuxt.config.ts
index 8d1c58c..613d047 100644
--- a/host/nuxt.config.ts
+++ b/host/nuxt.config.ts
@@ -18,5 +18,8 @@ export default defineNuxtConfig({
     build: {
       target: "esnext"
     }
+  },
+  experimental: {
+    asyncEntry: true
   }
 })
diff --git a/host/pages/contact/[...all].vue b/host/pages/contact/[...all].vue
index 9167568..5a36359 100644
--- a/host/pages/contact/[...all].vue
+++ b/host/pages/contact/[...all].vue
@@ -2,16 +2,14 @@
   <div class="container mx-auto p-4">
     <h1 class="text-2xl font-bold mb-4">Contact page (Host)</h1>
     <div class="grid grid-cols-1 gap-4">
-      <div class="rmt">
-        <Suspense>
-          <template #default>
-            <RemoteContactRouter />
-          </template>
-          <template #fallback>
-            <div>Loading remote component...</div>
-          </template>
-        </Suspense>
-      </div>
+      <Suspense>
+        <template #default>
+          <RemoteContactRouter />
+        </template>
+        <template #fallback>
+          <div>Loading remote component...</div>
+        </template>
+      </Suspense>
     </div>
   </div>
 </template>
@@ -20,7 +18,7 @@
 import { defineAsyncComponent } from "vue"
 
 const RemoteContactRouter = defineAsyncComponent(() =>
-  import("remote/ContactRouter")
+  import("remote/RemoteContactRouter")
 )
 </script>
 
diff --git a/remote/components/ContactRouter.vue b/remote/components/RemoteContactRouter.vue
similarity index 100%
rename from remote/components/ContactRouter.vue
rename to remote/components/RemoteContactRouter.vue
diff --git a/remote/nuxt.config.ts b/remote/nuxt.config.ts
index c68b68e..5f8fd0d 100644
--- a/remote/nuxt.config.ts
+++ b/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
   }
 })
diff --git a/remote/pages/index.vue b/remote/pages/index.vue
index b77e3f5..adf655a 100644
--- a/remote/pages/index.vue
+++ b/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>