TagList themes for bulma, semantic-ui, materialize and boostrap

This tip #9 will show you how to customize a component for multiple css frameworks

First, have a look at the final result here

And this is the full component source

At lines 43 through 61, we define ours themes with respective class names. The property themes is not from Vue, but a custom one, that can be accessed at this.$options.themes, at line 32.

Bootstrap and materialize have specifics requirements for the delete button, that's why we need the v-if at lines 6 and 7.

Again, the result component is very tiny, only 1.2KB (gziped)