+ 게이트페이지 수정

pages/index.vue

@@ -137,6 +137,7 @@
   const { $dayjs, $log, $eventBus, $toast, $userAgent } = useNuxtApp();
 
   const useStore = useDetailStore();
+  const route = useRoute();
   /************************
    *    data & created
    ************************/
@@ -376,7 +377,6 @@
   // onMounted
   onMounted(() => {
     //로그인페이지 접근시 파라미터 체크하여 인플루언서, 밴더 구분
-    const route = useRoute();
     const typeParam = route.query.type;
     if (typeParam == "influence") {
       loginForm.value.loginType = "influence";
@@ -429,6 +429,21 @@
     onBeforeUnmount(() => window.removeEventListener("message", handleMessage));
   });
 
+  watch(
+    () => route.query.type,
+    (newType) => {
+      if (newType === "influence" || newType === "vendor") {
+        loginForm.value.loginType = newType;
+        loginVisible.value = "N"; // 로그인 폼 보이기
+      } else {
+        loginVisible.value = "Y"; // 게이트 페이지 보이기
+      }
+    },
+    {
+      immediate: true, // 컴포넌트가 마운트될 때 즉시 실행
+    }
+  );
+
   watchEffect(() => {
     // 감시하고자 하는 데이터를 해당 블럭내에서 사용하면 호출된다.
     // getLang.value를 감시하는 상태