From 9ac7fc97528414dc2a0f216bc7e4162a10d06bf5 Mon Sep 17 00:00:00 2001
From: "Lin, Hung-Shin" <wancat@wancat.cc>
Date: Thu, 5 Oct 2023 12:02:23 +0800
Subject: [PATCH] feat: add login with google in frontend

fix vite proxy setting
---
 app/src/components/AuthenticationPart.vue | 10 ++++++++++
 app/tailwind.config.js                    |  3 +++
 app/vite.config.js                        |  4 ++--
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/src/components/AuthenticationPart.vue b/app/src/components/AuthenticationPart.vue
index a9f16d1..6c22147 100644
--- a/app/src/components/AuthenticationPart.vue
+++ b/app/src/components/AuthenticationPart.vue
@@ -167,6 +167,16 @@ const goBack = () => {
       >
         <span>Back to Login</span>
       </button>
+      <hr class="my-8" />
+      <p class="flex justify-center font-semibold text-text text-m">
+        Log in with social account
+      </p>
+      <a
+        class="inline-flex justify-center rounded-lg text-sm font-black py-2 mt-3 bg-icon-google text-text w-full"
+        href="/api/v1/auth/google"
+      >
+        <span>Google</span>
+      </a>
     </form>
   </div>
 </template>
diff --git a/app/tailwind.config.js b/app/tailwind.config.js
index 403273c..6864fdc 100644
--- a/app/tailwind.config.js
+++ b/app/tailwind.config.js
@@ -22,6 +22,9 @@ export default {
         border: {
           DEFAULT: '#526B4E',
         },
+        icon: {
+          google: '#DB4437',
+        },
       },
     },
   },
diff --git a/app/vite.config.js b/app/vite.config.js
index 133a5f9..9f8466e 100644
--- a/app/vite.config.js
+++ b/app/vite.config.js
@@ -8,11 +8,11 @@ export default defineConfig({
     proxy: {
       '/api': {
         target: process.env.API_TARGET || 'http://localhost:3000',
-        changeOrigin: true,
+        changeOrigin: false,
       },
       '/socket.io': {
         target: process.env.API_TARGET || 'ws://localhost:3000',
-        changeOrigin: true,
+        changeOrigin: false,
         ws: true,
       },
     },