vue-custom-properties/dist/vue-custom-properties.cjs.js

Make easier to use CSS custom properties in Vue components

/*!
 * vue-custom-properties v0.1.0
 * https://github.com/ktsn/vue-custom-properties
 *
 * @license
 * Copyright (c) 2017 katashin
 * Released under the MIT license
 * https://github.com/ktsn/vue-custom-properties/blob/master/LICENSE
 */
'use strict';

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);
}
var index = {
    install: install
};

module.exports = index;