[WIP] - Vue.js Crud Mixin, adds create/read/update/delete etc methods to your component.

crud.js

/**
 * Crud Mixin
 * Usage: Add this mixin to provide crud actions
 */
var Crud = {
    data: function() {
        return {
            crud: null,
            items: [],
            item: null,
        }
    },
    methods: {

        setResource: function(collection){
            this.crud = this.$resource(collection+'/:id');
        },
        store: function(items){
            this.$http.post(this.resource, items, function(){
                this.$emit('items-stored', data);
            }).error(function (data, status, request) {

            });
        },
        create: function(item){
            this.crud.save(item, function (data, status, request) {
                this.$emit('item-added', data);
            }).error(function (data, status, request) {
                // handle error
            });
        },
        read: function(){
            this.crud.get(function (items, status, request) {
                this.$emit('items-read', items);
            });
        },
        show: function(id){
            // get item
            this.crud.get({id: id}, function (item, status, request) {
                this.$set('item', item)
            });
        },
        update: function(id){
            this.crud.update({id: id}, {item: this.item}, function (data, status, request) {
                // handle success
            }).error(function (data, status, request) {
                // handle error
            });
        },
        delete: function(id){
            // delete item
            this.crud.delete({id: 1}, function (data, status, request) {
                // handle success
            }).error(function (data, status, request) {
                // handle error
            });
        }

    }

}
module.exports = Crud;