44 lines
701 B
Vue
44 lines
701 B
Vue
<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="登录"
|
|
description="使用社交账号或邮箱登录"
|
|
icon="lucide-user"
|
|
:fields="fields"
|
|
:providers="providers"
|
|
:separator="{
|
|
icon: 'lucide-user'
|
|
}"
|
|
/>
|
|
</template>
|