botecos.js

(function() {
    'use strict';

    new Vue({
        el: '#beerApp',

        data: {
            botecos     : [],
            openDetails : []
        },

        ready : function() {
            var that = this;
            that.$http.get('http://localhost:2403/botecos')
                .then(function(result) {
                    that.$set('botecos', result.data);
                })
        },

        methods: {
            doOpenDetails : function(ev, id) {
                ev.preventDefault();
                var that = this,
                    index = that.openDetails.indexOf(id);

                if (index > -1) {
                    that.openDetails.$remove(id);
                } else {
                    that.openDetails.push(id);
                }
            }
        }
    })
})()%