多维表格
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

64 lines
1.5 KiB

<script setup lang="ts">
import { reactive, ref } from 'vue'
import { useUser } from '~/composables/user'
import { extractSdkResponseErrorMsg } from '~/helpers/errorUtils'
import { useNuxtApp, useRouter } from '#app'
const { $api } = useNuxtApp()
const $router = useRouter()
const valid = ref()
const error = ref()
const form = reactive({
email: '',
password: '',
})
const { user, setToken } = useUser()
const signIn = async () => {
error.value = null
try {
const { token } = await $api.auth.signin(form)
await setToken(token)
await $router.push('/projects')
}
catch (e) {
error.value = await extractSdkResponseErrorMsg(e)
}
}
</script>
<template>
<div>
<!-- Enter your work email -->
<v-card class="pa-10 mx-auto mt-10" style="max-width: 500px">
<v-card-text>
<v-alert v-if="error" density="medium" class="mb-10" type="error">
{{ error }}
</v-alert>
<div class="p-float-label ">
<v-text-field id="email" v-model="form.email" label="Email" type="text" style="width:100%" />
</div>
<!-- Enter your password -->
<div class="p-float-label ">
<v-text-field id="password" v-model="form.password" label="Password" type="password" style="width:100%" />
</div>
<div class="text-center">
<v-btn
class=""
@click="signIn"
>
<b>Sign In</b>
</v-btn>
</div>
</v-card-text>
</v-card>
</div>
</template>
<style scoped>
</style>