vue-custom-properties/lib/index.js

Make easier to use CSS custom properties in Vue components

var Vue;
function install(Ctor) {
    assert(!Vue, 'Already installed');
    Vue = Ctor;
    Vue.mixin({
        mounted: init
    });
}
function init() {
    var _this = this;
    var options = this.$options.customProperties || {};
    Object.keys(options).forEach(function (key) {
        var observer = options[key];
        _this.$watch(observer, function (value) {
            var style = _this.$el.style;
            if (style) {
                style.setProperty(key, value);
            }
        }, {
            immediate: true
        });
    });
}
function assert(condition, message) {
    if (!condition) {
        throw new Error('[vue-custom-properties] ' + message);
    }
}
if (typeof window !== 'undefined' && window.Vue) {
    window.Vue.use(install);
}
export default {
    install: install
};