feat: (auth) Add Google and DIscord Auth

2024-06-13 23:38:03 -04:00
parent 9bd10b56d9
commit 8ae855838b
4 changed files with 53 additions and 5 deletions
--- a/src/components/GoogleOauthComponent.vue
+++ b/src/components/GoogleOauthComponent.vue
@@ -1,5 +1,16 @@
 <template>
-  <div @click="auth.googleLogin()">Login with Google</div>
+  <q-btn
+    @click="auth.googleLogin()"
+    style="width: 300px">
+    <q-avatar
+      left
+      class="q-ma-xs"
+      size="sm">
+      <img
+        src="https://lh3.googleusercontent.com/COxitqgJr1sJnIDe8-jiKhxDx1FrYbtRHKJ9z_hELisAlapwE9LUPh6fcXIfb5vwpbMl4xl9H9TRFPc5NOO8Sb3VSgIBrfRYvW6cUA" />
+    </q-avatar>
+    <div>Login with Google</div>
+  </q-btn>
 </template>

 <script setup lang="ts">