feat: add login with google in frontend

fix vite proxy setting

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>

app/tailwind.config.js

@@ -22,6 +22,9 @@ export default {
         border: {
           DEFAULT: '#526B4E',
         },
+        icon: {
+          google: '#DB4437',
+        },
       },
     },
   },

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,
       },
     },