Theme your app with Styled Components in Vue
Styled components are popular in the Vue community, and they give your components the power of css in js.
Styled components are popular in the React community, and they give your components the power of css in js.
Vue can also use styled components via the vue-styled-components module.
npm install vue-styled-components
Using styled components is one way that you can create some interesting components.
In the following example, we can create a button that accepts props for various styling, and can then be mapped to input elements to allow for real time styling updates of the button.
Now, anywhere in our application we can use this styled component, and even bind dynamic data to these props.
The above example shows us importing in the StyledButton.js, and then using this component in a vue single file component in a way that binds a few input elements to the data as well.
What other ways have you themed your vue applications dynamically?