Stylable + Vue Example
This project uses a webpack configuration with
@vue/compiler-sfc, also installed) and
Deployed production mode can be seen here.
Note: current version of the
Vue CLIboilerplate uses webpack
3.x, and does not integrate with Stylable. Once the ecosystem moves to webpack
4.x, we can consider a more encompassing integration specifically for Vue.
- Clone this repository.
This project shows a custom component,
CustomizableButton being rendered three times and receiving different customizations for each instance.
Each component defines the bare minimum styling API for itself (see
buttons-container.st.css) while remaining functional.
These are then customized externally from the root component,
It provides a typed CSS experience including auto completions, hinting, diagnostics and more.
This has been one of my first (and admittedly lovely) interactions with Vue. We will gladly accept PRs that will bring this project in-line with the community standards for a Vue project. -Tom