Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

vue-sketch

reshiram150.0.6TypeScript support: included

Modified based on https://github.com/xiaokaike/vue-color to support vue3, and separate the Sketch to package.

vue-color, vue3, color-sketch, color, vue.js

readme

vue-sketch

Modified based on https://github.com/xiaokaike/vue-color to support vue3, and separate the Sketch to package.

Installation

NPM

$ npm install vue-sketch -s

Use case

<template>
  <Sketch v-model="color" @update:model-value="log"/>
</template>

<script setup lang='ts'>
import { Sketch, type ColorInput } from 'vue-sketch';
import { ref } from 'vue';
const color = ref<ColorInput>('#ffffff');
const log = () => {
  console.log(color.value);
};
</script>