vue-dealwithit
(no summary available)
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
Links
Compatibility
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)# 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
```