<template>
    <div class="login">
        <form>
            <input v-model="loginData.login" placeholder="Login"/>
            <input v-model="loginData.password" placeholder="Password"/>
            <button type="button" v-on:click="logIn">Log in</button>
        </form>
    </div>
</template>

<script lang="ts">

    import Vue from "vue";
    import UserService from "../../services/UserService";
    import {Component, Model} from 'vue-property-decorator'

    @Component
    export default class Login extends Vue {

        @Model
        loginData: {
            login: string,
            password: string
        }

        logIn() {
            UserService.login(this.loginData).then(response => {

            }).catch(err => {

            });
        }
    }
</script>

<style scoped>

</style>