let responses = new Vue({
    el: '#kara',
    data: {
        name: 'Kara',
        activeTheme: 'slate',
        addModal: {
            includeAll: false,
            keywords: '',
            responses: [
                'Answer #1'
            ]
        }
    },
    methods: {
        addMessage(body, bot, me = false) {
            this.messages.push({
                body: body,
                bot: bot,
                command: body.search('/') === 0,
                me: me,
                time: Date.now()
            })
        },
        addResponseToInput() {
            this.addModal.responses.push('');
        },
        addNewReaction() {
            let includeAll = this.addModal.includeAll;
            let keywords = this.addModal.keywords.split(',');
            let responses = this.addModal.responses;

            let newReaction = {
                includeAll: includeAll,
                keywords: keywords,
                responses: responses
            };

            axios.post('/reactions/create', {
                reaction: newReaction
            }).then((response) => {
                console.log(response);
            }).catch((error) => {
                console.log(error);
            });
        },
        cleanupMessage(message) {
            message = message.toLowerCase();
            return message.replace('?', '')
                .replace('!', '')
                .replace('.', '')
                .replace(',', '')
                .replace('-', '')
                .replace('_', '')
                .replace('#', '')
                .replace('\'', '')
                .replace('"', '')
                .replace('+', '')
                .replace('*', '')
                .replace('§', '')
                .replace('$', '')
                .replace('%', '')
                .replace('&', '')
                .replace('/', '')
                .replace('(', '')
                .replace(')', '')
                .replace('=', '')
                .replace('\\', '')
                .replace('@', '')
                .replace('~', '')
                .replace('…', '');
        }
    }
});