tmp fix reactive

remote/nuxt.config.ts

@@ -10,21 +10,27 @@ export default defineNuxtConfig({
     preset: "static"
   },
   vite: {
-    plugins: [
-      topLevelAwait({
-        promiseExportName: "__tla",
-        promiseImportName: (i) => `__tla_${i}`
-      }),
-      federation({
-        name: "remote-app",
-        filename: "remoteEntry.js",
-        exposes: {
-          "./RemoteContactRouter": "./components/RemoteContactRouter.vue"
-        },
-        shared: []
-        // shared: ['vue']
-      })
-    ]
+    $client: {
+      plugins: [
+        topLevelAwait({
+          promiseExportName: "__tla",
+          promiseImportName: (i) => `__tla_${i}`
+        }),
+        federation({
+          name: "remote-app",
+          filename: "remoteEntry.js",
+          exposes: {
+            "./RemoteContactRouter": "./components/RemoteContactRouter.vue"
+          },
+          // shared: []
+          shared: ["vue"]
+        })
+      ]
+    },
+    $server: {
+      plugins: []
+    }
+
     // build: {
     //   target: "esnext"
     // }

remote/package.json

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

remote/pages/contact/index.vue

@@ -2,9 +2,15 @@
   <div class="rmt">
     <h1>rmt/pages/contact/index.vue</h1>
     <div>Contact index</div>
+    <div>
+      count: {{ count }}
+      <button type="button" @click="count++">increment+</button>
+    </div>
   </div>
 </template>
-<script setup></script>
+<script setup>
+const count = ref(0)
+</script>
 <style scoped>
 .rmt {
   background-color: antiquewhite;