{"size": 588, "ext": "js", "max_stars_repo_path": "syntethic_event/js/main.js", "max_stars_repo_name": "etterwin/Vue-practic", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "syntethic_event/js/main.js", "max_issues_repo_name": "etterwin/Vue-practic", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "syntethic_event/js/main.js", "max_forks_repo_name": "etterwin/Vue-practic", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 21.7777777778, "max_line_length": 117, "alphanum_fraction": 0.4914965986}
Vue.component('message', {
    template: '<input class="field" v-model="message" @keyup.enter="saveMessage" placeholder="Enter some text..."/>',
    data: function () {
        return {
            message: ''
        }
    },
    methods: {
        saveMessage: function () {
            this.$emit('message-saved', this.message);

            this.message = '' //remove all symbols
        }
    }
});

new Vue({
    el: '#app',
    data: {
        messages: []
    },
    methods: {
        hadleMessage: function (message) {
            this.messages.push(message)
        }
    }
});