Vue Demo 7 - Bootstrap Libraries Not initialized by default
Hi,
I am using Vue demo7 template and it looks like some libraries are not initialized or included as compared to the HTML version. For example
Tooltip is not working in Vue template, had to manually trigger it in the MainLayout.vue
const tooltipTriggerList = [].slice.call(document.querySelectorAll("[data-bs-toggle="tooltip"]"));
tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl);
});TextArea autosize looks like is not included or it's not working for some reason. Can you please help me out on this one:
<textarea v-model="message.message" :name="`messages[${index}][message]`"
aria-label="With textarea" class="form-control form-control-flush me-5"
data-kt-autosize="true" rows="1">
</textarea>
Replies (1)
Hi Hendrey,
Thank you for reaching out to us.
Please note that at the moment our Metronic Vue versions have fewer available plugins compared to our Metronic HTML version, but you can reuse most of the solution by referring to HTML version's codebase.
Unfortunately, at the moment, the autosize component is not included in Vue version, we will consider adding it in the next releases.
To use bootstrap tooltips in Metornic Vue version we have added v-tooltip directive.
Here is an example of how you can use tooltips in our Vue version.
<i
class="fas fa-exclamation-circle ms-2 fs-7"
v-tooltip
title="Billing is issued based on your selected account type"
></i>Regards,
Lauris Stepanovs,
Keenthemes Support Team
