From 5614ed542a2e8b891d9f7fba7ba8d4dc2e0c624e Mon Sep 17 00:00:00 2001
From: antony <antonybudianto@gmail.com>
Date: Mon, 23 Dec 2024 14:14:44 +0700
Subject: [PATCH] setup proxy for dev

---
 host/nuxt.config.ts                 | 10 ++++++++++
 remote/pages/contact/properties.vue | 11 ++++++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/host/nuxt.config.ts b/host/nuxt.config.ts
index 727c455..8f52eea 100644
--- a/host/nuxt.config.ts
+++ b/host/nuxt.config.ts
@@ -10,6 +10,16 @@ export default defineNuxtConfig({
     preset: "static"
   },
   vite: {
+    server: {
+      proxy: {
+        "^/node_modules/.*": {
+          target: "http://localhost:3000",
+          changeOrigin: true,
+          rewrite: (path) =>
+            path.replace(/^\/node_modules\//, "/_nuxt/node_modules/")
+        }
+      }
+    },
     $client: {
       plugins: [
         topLevelAwait({
diff --git a/remote/pages/contact/properties.vue b/remote/pages/contact/properties.vue
index 154685b..b9f3e38 100644
--- a/remote/pages/contact/properties.vue
+++ b/remote/pages/contact/properties.vue
@@ -2,10 +2,19 @@
   <div>
     <h1>rmt/pages/contact/properties.vue</h1>
     <div>Contact prop</div>
+    <div>
+      <button type="button" @click="handleClick">Click: {{ counter }}</button>
+    </div>
   </div>
 </template>
 <script setup>
+const counter = ref(0)
+
+const handleClick = () => {
+  counter.value += 2
+}
+
 definePageMeta({
-  name: "contact1"
+  name: "contact-properties"
 })
 </script>