fix: 🐛 Fix impossible login

pages/oauth/consent.vue

@@ -1,23 +1,10 @@
 <template>
-    <div
+    <div class="flex h-svh items-center justify-center px-6 py-12 lg:px-8 bg-center bg-no-repeat bg-cover" :style="{
-        class="flex h-svh items-center justify-center px-6 py-12 lg:px-8 bg-center bg-no-repeat bg-cover"
-        :style="{
         backgroundImage: 'url(/images/banner.webp)',
-        }"
+    }">
-    >
+        <form method="POST" :action="url.pathname.replace('/oauth/consent', '/oauth/authorize')">
-        <Card
+            <Card class="w-full max-w-md *:w-full p-6">
-            class="w-full max-w-md *:w-full p-6"
+                <input type="hidden" v-for="[key, value] in url.searchParams" :key="key" :name="key" :value="value" />
-            as="form"
-            method="POST"
-            :action="url.pathname.replace('/oauth/consent', '/oauth/authorize')"
-        >
-            <input
-                type="hidden"
-                v-for="[key, value] in url.searchParams"
-                :key="key"
-                :name="key"
-                :value="value"
-            />
                 <CardHeader>
                     <CardTitle as="h1" class="text-2xl break-words">{{
                         m.fresh_broad_cockroach_radiate({
@@ -31,22 +18,13 @@
                             <CardTitle as="h2" class="text-lg">{{
                                 application
                                 }}</CardTitle>
-                        <a
+                            <a v-if="website" :href="website" target="_blank" rel="noopener noreferrer"
-                            v-if="website"
+                                class="underline">{{ website }}</a>
-                            :href="website"
-                            target="_blank"
-                            rel="noopener noreferrer"
-                            class="underline"
-                            >{{ website }}</a
-                        >
                         </CardContent>
                     </Card>
                     <ul class="list-none my-6 [&>li]:mt-2">
-                    <li
+                        <li v-for="text in getScopeText(scopes)" :key="text[1]"
-                        v-for="text in getScopeText(scopes)"
+                            class="flex flex-row gap-1 items-center">
-                        :key="text[1]"
-                        class="flex flex-row gap-1 items-center"
-                    >
                             <Check class="size-4" />
                             <h2 class="text-sm">
                                 <strong class="font-bold">{{ text[0] }}</strong>
@@ -55,20 +33,14 @@
                         </li>
                     </ul>
                     <div class="flex-col flex gap-y-1 text-sm">
-                    <p
+                        <p v-html="m.gross_antsy_kangaroo_succeed({
-                        v-html="
-                            m.gross_antsy_kangaroo_succeed({
                             application: application ?? '',
                         })
-                        "
+                            "></p>
-                    ></p>
+                        <p v-html="m.hour_close_giraffe_mop({
-                    <p
-                        v-html="
-                            m.hour_close_giraffe_mop({
                             application: application ?? '',
                         })
-                        "
+                            "></p>
-                    ></p>
                     </div>
                 </CardContent>
                 <CardFooter class="grid gap-2">
@@ -80,6 +52,7 @@
                         }}</Button>
                 </CardFooter>
             </Card>
+        </form>
     </div>
 </template>