vue-dealwithit | Vaadin

(no summary available)


Set the sizePercentage attribute (default = 100)

To display, run:

vm.displayAt = {top: 30, left: 40};

As webcomponent:

<script src=""></script>
<script src="./deal-with-it.js"></script>
<deal-with-it id="your-id" size-percentage="150"></deal-with-it>
document.getElementById('your-id').displayAt = {top: 10, left: 30};

To hide, click the shades

Project setup

yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Build web component

vue build --target wc --name deal-with-it ./src/web-component.js

Run your tests

yarn run test

Lints and fixes files

yarn run lint


Link to this version
ImportedReleased 11 October 2018MIT License
Framework Support
Browser Independent
Install with
npm install vue-dealwithit"@1.0.1"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 1.0.1


  • @vue/web-component-wrapper#^1.2.0
  • vue#^2.5.17