tmp fix reactive

host/error.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import type { NuxtError } from "#app"
+
+const props = defineProps({
+  error: Object as () => NuxtError
+})
+</script>
+
+<template>
+  <div>
+    <h1>Ooops... Something went wrong...</h1>
+    <NuxtLink to="/">Go back home</NuxtLink>
+  </div>
+</template>

host/nuxt.config.ts

@@ -10,19 +10,24 @@ export default defineNuxtConfig({
     preset: "static"
   },
   vite: {
-    plugins: [
-      topLevelAwait({
-        promiseExportName: "__tla",
-        promiseImportName: (i) => `__tla_${i}`
-      }),
-      federation({
-        name: "host-app",
-        remotes: {
-          remote: "http://localhost:3001/_nuxt/remoteEntry.js"
-        }
-        // shared: ["vue"]
-      })
-    ]
+    $client: {
+      plugins: [
+        topLevelAwait({
+          promiseExportName: "__tla",
+          promiseImportName: (i) => `__tla_${i}`
+        }),
+        federation({
+          name: "host-app",
+          remotes: {
+            remote: "http://localhost:3001/_nuxt/remoteEntry.js"
+          },
+          shared: ["vue"]
+        })
+      ]
+    },
+    $server: {
+      plugins: []
+    }
   },
   experimental: {
     asyncEntry: true

host/package.json

@@ -12,7 +12,7 @@
     "postinstall": "nuxt prepare",
     "clean": "rimraf .output dist",
     "clean2": "rimraf --glob node_modules",
-    "serve": "serve .output/public -p 3000"
+    "serve": "serve .output/public -p 3000 --single"
   },
   "dependencies": {
     "nuxt": "^3.13.0",