Directory

← Back

vue-dealwithit

(no summary available)

Author

Rating

Popularity

<100

dealwithit

Set the sizePercentage attribute (default = 100)

To display, run:

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

As webcomponent:

<script src="https://unpkg.com/vue"></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

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • @vue/web-component-wrapper#^1.2.0
  • vue#^2.5.17
Released
2018-10-11
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Browser
Browser Independent

vue-dealwithit - Vaadin Add-on Directory

(no summary available) vue-dealwithit - Vaadin Add-on Directory
# dealwithit Set the sizePercentage attribute (default = 100) To display, run: ``` vm.displayAt = {top: 30, left: 40}; ``` As webcomponent: ``` 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 ```
Online