funkwhale/front/src/views/auth/Login.vue

41 lines
903 B
Vue

<template>
<main class="main pusher" v-title="labels.title">
<section class="ui vertical stripe segment">
<div class="ui small text container">
<h2><translate translate-context="Content/Login/Title/Verb">Log in to your Funkwhale account</translate></h2>
<login-form :next="next"></login-form>
</div>
</section>
</main>
</template>
<script>
import LoginForm from "@/components/auth/LoginForm"
export default {
props: {
next: { type: String, default: "/library" }
},
components: {
LoginForm
},
created () {
if (this.$store.state.auth.authenticated) {
this.$router.push(this.next)
}
},
computed: {
labels() {
let title = this.$pgettext('Head/Login/Title', "Log In")
return {
title
}
}
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>