Now you can avoid using classes for a component with the same tedious style. There's no need to enter the class multiple times when in fact you can combine all that in a short variable
But, before that you have to add a new group class first.
Create file v-unite-config.js
Make sure the file is in the "root" of the folder (in line with your valclass.js file)
<-- v-unite-config.js -->
createComponentClass({
"@button@" : [
"v-radius-full",
"v-bg-primary",
"v-text-center",
"v-color-white",
"v-weight-bold",
"v-font-sz-16px",
],
"@section@" : [
"v-pst-relative",
"v-w-screen",
"v-h-max",
"v-d-flex",
],
})
Call classes in the yout html
Panggil semua kelas dari file v-unite-config.js ke dalam kode html milikmu.
<-- index.html -->
<div class="@section@">
<button class="@button@">
Buy now
</button>
</div>