How to use vue-color - 3 common examples
To help you get started, we’ve selected a few vue-color examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
weDevsOfficial / wp-project-manager / views / assets / src / helpers / library.js View on Github 
__webpack_public_path__ = PM_Vars.dir_url + 'views/assets/js/';
import Fragment from 'vue-fragment'
Vue.use(Fragment.Plugin)
pm.hooks = (wp && wp.hooks) ? wp.hooks : wedevsPMWPHook;
var color = require('vue-color/src/components/Sketch.vue');
pm.color = color.default;
pm.Multiselect = require('vue-multiselect');
var commonComp = require('./global-common-components');
pm.commonComponents = commonComp.default;
Vue.use(VTooltip);
import Lists from '@components/project-task-lists/mixin'
import Mixins from '@helpers/mixin/mixin'
import Settings from '@components/settings/mixin'
import SingleTask from '@components/project-task-lists/single-task.vue';
// import listpage from '@components/project-task-lists/lists.vue';
pm.SingleTask = SingleTask;import { Component, Watch, Prop } from 'vue-property-decorator';
import { debounce } from 'lodash-decorators';
import { TObsType, IObsInput, ObsInput } from './ObsInput';
import Utils from '../../../services/utils';
import VueColor from 'vue-color';
interface IColor {
r: number;
g: number;
b: number;
a: number;
}
@Component({
components: { ColorPicker: VueColor.Sketch },
})
class ObsColorInput extends ObsInput> {
static obsType: TObsType;
@Prop()
value: IObsInput;
pickerVisible = false;
togglePicker() {
this.pickerVisible = !this.pickerVisible;
}
@debounce(500)
setValue(rgba: IColor) {
if (!Object.keys(rgba).every(key => rgba[key] === this.obsColor[key])) {
