Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Tag: Vue (704)

Hi everyone,We're using metronic v9.0.6 with tailwindcss and vue. While trying to use a render function for the DataTable component, custom components returned are not being rendered.My example code is here (was erroring while trying to post it here): https://snipit.io/public/snippets/89917...
Hi all,I'm playing around with the Metronic demo 1 (Vue Version).How can I trigger a Toastr when the component is mounted? I have no idea. I can't find anything in the docs for the Vue version of the template.Regards
Hi, I have used Metronic 8 Vue and HTML templates before and I was really pleased with them. I heard Metronic 9 Tailwind is out. But there is something I don't understand; Isn't the Metronic 9 Tailwind template included with the vue.js version? Is there only an HTML version? Kind regards...
Hi Team,Metronic on every page change is sending verify request to the backend.// verify auth token before each page change authStore.verifyAuth(); // before page access check if page requires authentication if (to.meta.middleware == "auth") { if (authStore.isAuthenticated) {...
Hi,I'm using the Tailwind version of Metronic with Vue 3 and Nuxt 3. The sticky component works fine when the page initially loads, but after navigating to a different route, the sticky elements don't function correctly. I tried updating them, but it didn't work.import KTCompo...
Hi! I've just setup Metronic with Vue and followed the guide in the docs. I'm trying to change the theme to 'dark', but nothing is working.I've tried adding a data-theme-mode attribute to . I've also tried changing the defaultThemeMode to 'dark' or manually adding...
Hello, our company bought the metronic theme around 2 years ago and we plan to update our vue project soon. The metronic core changed completely from vue options-api to composition-api since then. Now we have to update every single page to have our project working with the current metronic version (...
Hello Keenthemes,I am using Inputmask library in my Inertiajs using Vuejs application. As said in the documentation, its included globally in plugins.bundle.js file.But still i am not seeing masking applied on my inputs. Is their any specific wayPlease help.Thanks
I checked and try to implement https://laravel.com/docs/11.x/passport#sumption-your-api-with-javascript this part in my application, I use "Metronic 8 demo1" with vue. The problem is that laravel_token cookie exists, I checked, but it is not included in the request headers. Can you help me fix it an...
Error is "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?Followed all steps : Laravel 9 (with Vite) and Vue 3 integration [For Metronic v8.1.6+]so after that I am getting error : getActivePinia()....Note that I...
Hi! I'm using Metronic 9 and I have a modal with a button inside it to open another modal, but when I click this button the first modal is dismissed.Is there any way for me to cancel this behavior and allow stacked modals to exist?
Hi Team.I want to add a number range field that can select max and min values ​​on both sides. But I can't find one already implemented there.Have you implemented this? If so, can you share how to do it?Thanks in advance,Vahan
hi i download the metronic v9 from themeforest but i can't find laravel / veiw version , how can i download it ?
Hi! I've recently integrated Metronic into my VueJS app, but after following your integration guide I'm getting this error when running my npm local dev build in Vue CLI:Any idea of what I might be missing?
I found that the Select component in the Vue version has a different experience than the Bootstrap version. Will you focus on optimizing it, as React and Vue are still popular for development now
Hi,I am following the steps in your documentation for Vue at:https://preview.keenthemes.com/metronic8/vue/docs/getting-started/setup-theme-skeletonIn steps 2 & 3 all paths/filenames are incorrect. (e.g. they dont exist). Please can you advise the correct locations etc. Thank you.
Hello,We need to use a multiselect in the project, but for some reason, there are no adapted styles for Metronic. It looks completely different, and there's no dark theme available.I couldn't find any adaptation for the multiselect in the plugins folder, and I can't find the SCSS for adaptat...
Hello,You see I have assembled the base project of vue from the official vue repository of metronic and when I implement any html code such as the dashboard of the demo 1, looking at the demo preview of the official website I notice that my dashboard is less wide and I do not understand why....
Hi,I want to minimize the sidebar by default, I've tried many things and it didn't work. How should I update my config?import type LayoutConfigTypes from "@/layouts/default-layout/config/types";const config: LayoutConfigTypes = { general: { mode: "system", p...
const tabsEl = document.querySelector('#tab_post'); const tabs = KTTabs.getInstance(tabsEl); tabs.on('show', (detail) => { detail.cancel = true; console.log('show action canceled'); }); tabs.on('shown', () => { console.log('shown event'); });...
Dear Support,I try to download lastest metronic full version template. After download only metronic-tailwind-html item downloaded. Other platform items are missing.Could you please help me.
Hi,I've got a Metronic 9 modal and inside it there is a header I'd like to make sticky within the modal, when I scroll inside it, but it's not working.This is the code I'm using inside the modal: onUpdated(() => { if(modalHeader.value && !KTSticky.getInstance(modalHeader.va...