framevuerk/src/components/fvList/index.js

A RTL and mobile-first Vue.js framevuerk.

import template from './template.pug'

export default ({
    template: template,
    props: {
        items: {
            type: Array
        }
    },
    methods: {
        clickItem: function(item){
            if( !item.disabled ){
                this.$emit('click', item.key);
            }
        }
    },
    computed: {
        pItems: function(){
            let ret = [];
            this.items.forEach( (value)=>{
                ret.push({
                    key: value.key || value.text || value,
                    icon: value.icon || false,
                    text: value.text || value,
                    disabled: value.disabled || false,
                    selected: value.selected || false
                });
            });
            return ret;
        }
    }
})