完成布局

app/components/auth/login.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+const providers = ref([
+  {
+    label: 'Google',
+    icon: 'i-simple-icons-google',
+    color: 'neutral',
+    variant: 'subtle'
+  },
+  {
+    label: 'GitHub',
+    icon: 'i-simple-icons-github',
+    color: 'neutral',
+    variant: 'subtle'
+  }
+])
+const fields = ref([
+  {
+    name: 'email',
+    type: 'text',
+    label: 'Email'
+  },
+  {
+    name: 'password',
+    type: 'password',
+    label: 'Password'
+  }
+])
+</script>
+
+<template>
+  <UAuthForm
+    class="max-w-md"
+    title="Login"
+    description="Enter your credentials to access your account."
+    icon="i-lucide-user"
+    :fields="fields"
+    :providers="providers"
+    :separator="{
+      icon: 'i-lucide-user'
+    }"
+  />
+</template>