update structure

2024-12-21 18:50:22 +07:00
parent a809901535
commit 955dd07c7f
15 changed files with 119 additions and 55 deletions
@@ -0,0 +1,27 @@
+<template>
+  <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>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineAsyncComponent } from "vue"
+
+const RemoteContactRouter = defineAsyncComponent(() =>
+  import("remote/ContactRouter")
+)
+</script>
+
+<style scoped></style>
@@ -0,0 +1,3 @@
+<template>
+  <div>Index page</div>
+</template>