Prefetch all pages on hover for better performance

resources/js/pages/auth/Login.vue

@@ -9,7 +9,7 @@ import { Label } from '@/components/ui/label';
 import AuthBase from '@/layouts/AuthLayout.vue';
 import { register } from '@/routes';
 import { request } from '@/routes/password';
-import { Form, Head } from '@inertiajs/vue3';
+import { Form, Head, router } from '@inertiajs/vue3';
 import { LoaderCircle, Mail } from "lucide-vue-next"
 
 defineProps<{
@@ -47,7 +47,9 @@ defineProps<{
                 <div class="grid gap-2">
                     <div class="flex items-center justify-between">
                         <Label for="password" class="text-stone-300">Passwort</Label>
-                        <TextLink v-if="canResetPassword" :href="request()" class="text-sm text-amber-600! decoration-amber-700! hover:text-amber-500!" :tabindex="5"> Passwort
+                        <TextLink v-if="canResetPassword" :href="request()" prefetch
+                            class="text-sm text-amber-600! decoration-amber-700! hover:text-amber-500!" :tabindex="6">
+                            Passwort
                             vergessen? </TextLink>
                     </div>
                     <Input id="password" type="password" name="password" required :tabindex="2"
@@ -62,15 +64,17 @@ defineProps<{
                     </Label>
                 </div>
 
-                <Button :size="sm" :variant="'action'" type="submit" class="mt-4 w-full" :tabindex="4"
-                    :disabled="processing" data-test="login-button">
+                <Button variant="action" type="submit" class="mt-4 w-full" :tabindex="4" :disabled="processing"
+                    data-test="login-button">
                     <LoaderCircle v-if="processing" class="h-4 w-4 animate-spin" />
                     Anmelden
                 </Button>
             </div>
 
             <div class="text-center text-sm text-muted-foreground">
-                <TextLink :href="register()" :tabindex="5" class="text-sm text-amber-600! decoration-amber-700! hover:text-amber-500!">Konto erstellen</TextLink>
+                <TextLink :href="register()" prefetch :tabindex="5"
+                    class="text-sm text-amber-600! decoration-amber-700! hover:text-amber-500!">Konto erstellen
+                </TextLink>
             </div>
         </Form>
     </AuthBase>