Home
Attributes
Scipting
npm
github
vsn-script
vsn-script allows you to write longer vsn-script a little cleaner.
vsn-script example
<script vsn-script type="text/vsn"> class .testing-class { func construct() { $display = 'block'; $color = 'red'; @text = 'Click'; } func deconstruct() { $color = 'black'; } on click() { @text = 'Clicked'; } on mouseenter() { @text = 'Hovered!'; } on mouseleave() { @text = 'Not hovered...'; } } class .toggle { func construct() { $display = 'block'; @text = 'Toggle'; } on click() { ?(button).@class ~ ['testing-class', 'toggle']; } } </script> <button class="testing-class">Click me</button> <button class="toggle">Toggle</button>
