https://github.com/ph1p/paintable-vue
https://github.com/ph1p/paintable-vue
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ph1p/paintable-vue
- Owner: ph1p
- License: mit
- Created: 2021-01-24T19:35:40.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-01-27T22:20:30.000Z (over 5 years ago)
- Last Synced: 2025-08-10T23:29:13.767Z (12 months ago)
- Language: Vue
- Homepage: paintable-vue.ph1p.vercel.app
- Size: 2.25 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# @paintable/vue
This package is a complete rewrite of vue-paintable. It's based on this core module: [https://github.com/ph1p/paintable-core](https://github.com/ph1p/paintable-core)
This plugin works with **Vue 3+**
**Demo:** [https://paintable-vue.vercel.app/](https://paintable-vue.vercel.app/)
### How to use?
Follow these three simple steps:
```bash
npm install @paintable/vue
```
**main.js**
```javascript
import { createApp } from 'vue';
import App from './App.vue';
// import the plugin
import Paintable from '@paintable/vue';
const app = createApp(App);
app.use(Paintable);
app.mount('#app');
```
Inside your **\*.vue** file (full example **./src/App.vue**)
```vue
Content
export default {
name: 'App',
data() {
return {
isFirstPaintable: true,
hidePaintable: false,
lineWidth: 5,
active: true,
color: '#000000'
};
}
};
```
### Development
```bash
npm run install
npm run serve
```