pelican-panel-mirror/resources/assets/scripts/components/auth/Login.ts

import Vue from 'vue';
import LoginForm from "./LoginForm";

export default Vue.component('login', {
    data: function () {
        return {
            user: {
                email: ''
            },
        };
    },
    components: {
        LoginForm,
    },
    methods: {
        onUpdateEmail: function (value: string) {
            this.$data.user.email = value;
        },
    },
    template: `
        <div>
            <!--<flash container="mb-2"/>-->
            <login-form
                    v-if="this.$route.name === 'login'"
                    v-bind:user="user"
                    v-on:update-email="onUpdateEmail"
            />
            <!--<forgot-password-->
                    <!--v-if="this.$route.name === 'forgot-password'"-->
                    <!--v-bind:email="user.email"-->
                    <!--v-on:update-email="onUpdateEmail"-->
            <!--/>-->
            <!--<two-factor-form v-if="this.$route.name === 'checkpoint'" />-->
        </div>
    `,
});