Metronic 9 w/ Vue - Tailwind CSS definitions missing??
Hi,
I have a brand new Vue project which I've created according to your Vue integration instructions and I'm having trouble troubleshooting why many of the Tailwind style definitions are not being applied as in your demo.
Basic elements like inputs and buttons are missing basic styling and are not being rendered correctly.
Sample screenshot: https://imgur.com/a/W0dKMkv
I've uploaded my source code to https://we.tl/t-LiOiz0HdfP for your review.
Your help is greatly appreciated.
Replies (1)
Here is the code for that same input element, by the way:
<div class="modal-body scroll-y mx-5 mx-xl-15 my-7">
<form @submit.prevent="addProduct">
<div class="d-flex flex-column mb-7 fv-row">
<label class="required fs-6 fw-semibold mb-2">Product Name</label>
<input type="text" class="form-control form-control-solid" v-model="newProduct.name" required />
</div>
...
