Formatting

Author: pushpak1300

resources/js/components/TwoFactorRecoveryCodes.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { regenerateRecoveryCodes } from '@/routes/two-factor';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { useTwoFactorAuth } from '@/composables/useTwoFactorAuth';
+import { regenerateRecoveryCodes } from '@/routes/two-factor';
 import { Form } from '@inertiajs/vue3';
 import { Eye, EyeOff, LockKeyhole, RefreshCw } from 'lucide-vue-next';
 import { nextTick, onMounted, ref } from 'vue';

resources/js/pages/auth/TwoFactorChallenge.vue

@@ -4,8 +4,8 @@ import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { PinInput, PinInputGroup, PinInputSlot } from '@/components/ui/pin-input';
 import AuthLayout from '@/layouts/AuthLayout.vue';
-import { Form, Head } from '@inertiajs/vue3';
 import { store } from '@/routes/two-factor/login';
+import { Form, Head } from '@inertiajs/vue3';
 import { computed, ref } from 'vue';
 
 interface AuthConfigContent {
@@ -48,13 +48,7 @@ const codeValue = computed<string>(() => code.value.join(''));
 
         <div class="space-y-6">
             <template v-if="!showRecoveryInput">
-                <Form
-                    v-bind="store.form()"
-                    class="space-y-4"
-                    reset-on-error
-                    @error="code = []"
-                    #default="{ errors, processing, clearErrors }"
-                >
+                <Form v-bind="store.form()" class="space-y-4" reset-on-error @error="code = []" #default="{ errors, processing, clearErrors }">
                     <input type="hidden" name="code" :value="codeValue" />
                     <div class="flex flex-col items-center justify-center space-y-3 text-center">
                         <div class="flex w-full items-center justify-center">
@@ -81,12 +75,7 @@ const codeValue = computed<string>(() => code.value.join(''));
             </template>
 
             <template v-else>
-                <Form
-                    v-bind="store.form()"
-                    class="space-y-4"
-                    reset-on-error
-                    #default="{ errors, processing, clearErrors }"
-                >
+                <Form v-bind="store.form()" class="space-y-4" reset-on-error #default="{ errors, processing, clearErrors }">
                     <Input name="recovery_code" type="text" placeholder="Enter recovery code" :autofocus="showRecoveryInput" required />
                     <InputError :message="errors.recovery_code" />
                     <Button type="submit" class="w-full" :disabled="processing">Continue</Button>

resources/js/pages/settings/TwoFactor.vue

@@ -49,8 +49,8 @@ onUnmounted(() => {
                     <Badge variant="destructive">Disabled</Badge>
 
                     <p class="text-muted-foreground">
-                        When you enable two-factor authentication, you will be prompted for a secure pin during login. This pin can
-                        be retrieved from a TOTP-supported application on your phone.
+                        When you enable two-factor authentication, you will be prompted for a secure pin during login. This pin can be retrieved from
+                        a TOTP-supported application on your phone.
                     </p>
 
                     <div>
@@ -65,8 +65,8 @@ onUnmounted(() => {
                     <Badge variant="default">Enabled</Badge>
 
                     <p class="text-muted-foreground">
-                        With two-factor authentication enabled, you will be prompted for a secure, random pin during login, which you
-                        can retrieve from the TOTP-supported application on your phone.
+                        With two-factor authentication enabled, you will be prompted for a secure, random pin during login, which you can retrieve
+                        from the TOTP-supported application on your phone.
                     </p>
 
                     <TwoFactorRecoveryCodes />