218 comments found.
Great work thanks.
I have problem. I use V-SimpleDatatable but v-button @click not working ? How do i solve click problem.
thank you
Hi, please open a ticket on https://support.cssninja.io so we can give you some more detailed answers. Thanks!
UI issue Change the height in this selector `.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle .toggler` to `30px`
Hi, thanks for the hint! Best.
Can I increase the layout size without messing things up? I feel it’s kinda smaller than usual. or it’s just my eyes getting weak?
Hi, yes for sure you can do that. Open src/scss/_layout.scss. Locate the max-width: 1200px; rule. Increase the 1200px value to what you want. Your layout size will be increased without messing up anything. Regards.
How to get v-model data on input? can you give an example on login form then call an API? I am new in vue, I never see code like yours.
<script setup lang="ts">
import { ref } from 'vue'
const input = ref('')
</script>
<template>
<V-Field>
<V-Control>
<input
v-model="input"
type="text"
class="input"
placeholder="Your username"
/>
</V-Control>
</V-Field>
</template>
To call an API, you should declare a method that will use the value of v-model and call it when your form is submitted. we will provide some form validation examples in the next update and example about what you are looking for. Regards.
okay thanks, i just learned how to use ref and also reactive.
Glad to hear that. Best.
Hi, sure added this to our roadmap. Best.
Hello i think there is a bug if you go to this https://vuero.cssninja.io/auth it shows a blank page. How i can send to login as default with route declaration
Hi, well Iam not sure it is a bug. It is an invalid route since the components are nested in the auth folder. There is also no fallback, maybe that’s what you mean? Anyway please open a ticket on https://support.cssninja.io so we can help you with that. Best.
I can only see 1.2.0 but the download contains 1.2.1 version.
Also, do you provide any public Kanban board of the upcoming features? It will be good to know what’s being cooked and maybe we can vote on the features 
Lastly, do you provide access to the private repo? I’m asking since some authors do provide this extra option by validating our purchase code.
Thanks for the awesome theme!
Hi, sure I will update the changelog in the description, those were only 2-3 minor bug fixes. Regarding feature requests, you can add your ideas on our github Vuero public discussion that we just opened. Regarding access to repos, that will come in a few months, with the CSS ninja v2 platform, integrated with the Envato Api. We simply dont have time to manage that manually. Best.
Thank you! Looking forward to the updated changelog. Btw, could you provide the link for the GitHub you just opened?
Sure, here is the link to the Vuero public repo: https://github.com/cssninjaStudio/vuero . I’ve also updated the changelog on the product description. Best.
Hi, really nice design but can you please can you share me the boilerplate? I bought this but I don’t know how to start a blank project with it.
Hi, we have a simple boilerplate (bulma + vue 3 + vite 2) that we used to build this project. I can send it to you but you will still need to figure out how to copy the right files in there, based on what you need. Since this a recurring question, we’d appreciate feedback about how we should build a customizable boilerplate for Vuero. Should it be a CLI? An in-app wizard? what do you think? How would you like to see things structured?
A CLI would be great. But I think is enough with a simple boilerplate and some tutorials 1. Installing boilerplate (npm i) 2. How to set your layout 3. How to customize menu 4. How to add a route That would be enough.
Another idea is to put all the vuero components and layouts in a package. So the actual boilerplate is smaller and is easier to update in the future.
Please send me the boilerplate that you already have. Thanks for your work!
Alright, sounds good. We’ll be working on a setup video with the team for next update so everyone can setup his layout easily. For now, I need an email address where I cans end you a download link for the boilerplate.
Just sent it! Regards.
Iam also pleased to annouce we’ve made a (improvised) video on how to setup a blank project in Vuero. You can find it here: https://docs.cssninja.io/vuero/documentation/setup-your-project.html . Hope you’ll find it useful. Best.
Thank you, very helpful video
Glad it helps!
hi, any plans for having a horizontal scrolling kanban like: https://www.binarcode.com/resources/draggable-kanban-board/ with a kanban Card Pop component ?
Hi, yeah sure we can add that to our feature list for a future update. Best.
hello, could you please provide a mobile version of “UserProfileDropdown”
Hi, you mean you want to see that user dropdown on the mobile navbar?
currently the user dropdown is shown in the mobile layout but it is clipped. please see the image https://imgur.com/a/rzcBvmh
Hi, sure I’ll provide a fix within a day or two, I’ll take a look tomorrow.
Thank you! one more issue i noticed in the “Colored’ navbar is the notification hover. please look at the image https://imgur.com/a/BRVW9eB. turns white when hovering away.
Hi your link leads me to a 404.
sorry its https://imgur.com/a/BRVW9eB
Hi, we just released a patch that fixes the following: 1. Broken account mobile menu on navbar layouts; 2. Colored navbar notifications dropdown hover bug; 3. Some onboarding pages not being responsive have been fixed. You can download the archive again, it features these quick fixes. Regards.
Thank you!
You should add lokalise.i18n-ally to the workspace recommended extensions list.
Added to enhancements list. Thanks.
any plans to add submenu on main sidebar? I like your whole template except the sidebar. I need on hover show submenu on main sidebar menu.
and I hope vuero will have kanban task detail popup and new task popup.
Hi, we’ll have those added to our roadmap for future update. Thanks for your suggestions.
thanks, I will wait for it.
Any plans to add a tree component, similar to : https://vuetifyjs.com/en/components/treeview/
Hi, sure I’ll be adding this to the feature list for a future update. Regards.
Is the current version compatible with Quasar? If not, is there any plan to support it?
Hi, after reading on Quasar, it seems it is a full fledged Vue based framework with it’s own CSS, components and logic. Vuero is built on a Bulma base, and brings it’s own and custom vue components not based on an existing library, but homemade and built from scratch. You could as well consider Vuero like a framework on it’s own, but highly opinionated on the frontend styles. Therefore I doubt there will ever be any compatibility with Quasar or any other UI framework. Best.
Hello, how do I fix this issue?
error when starting dev server: C:\Users\userabc\Downloads\themeforest-vuero-vuejs-3-admin-and-webapp-ui-kit\vuero-1.1.0\vite.config.ts:230 if (!config?.isProduction) ^
SyntaxError: Unexpected token ’.’
Hi, please open a ticket on https://support.cssninja.io, include this error log, environment, OS and machine, and any steps needed to reproduce your issue if relevant. We’ll answer you after investigation. Thanks!
I’d like to suggest and criticize the top nav component.
It’s way too complex, not really practical for dynamic navs, it’s a real pain to just have a simple dropdown menu, the dark background is independent of the drop down content, you should really consider into making this navbar more simple to use, a simple nav with drop down, or at least give the option, not everyone wants a mega menu this complex… please check that for the next update hopefully.
Also I have noticed that there is select input component in the form layouts page that won’t show correctly the options in dark mode:
https://vuero.cssninja.io/sidebar/layouts/form-layouts-3Also the multiselect input, won’t match other inputs height, it’s bigger when using the :searchable=”true” attribute, it does match the height when on simple multiselect mode, but when the search attribute is added, then looks bigger.
Hey, well that navigation is meant to work like that and is probably a pick for larger applications Without saying you have all the tools in hand to simplify it. The new update will bring a lot of optimisations and component rewrites. We’ll consider adding a simplified version in a future update. In the meantime there are at least 3 other navbar lighter options. Kindly suggest some ideas for navigation if you have some in mind. Regards.
You should implement form validation for the next update, consider vee-validate and vuelidate both are the most widely used for this purpose…
Are they compatible with Vue 3?
Yes both are compatible, check them in the following links:
vee-validate => https://vee-validate.logaretm.com/v4/
vuelidate => https://vuelidate-next.netlify.app/#getting-started-2
Both plugins works in a different way to make validations, so both are actually important.
Well I don’t think we’ll be integating both. We’ll be choosing one of the two.
i hope you could integrate Vee-validate in that case… vuelidate it’s like for validate programatically, and vee-validate it’s for template or abstract validation.
I think vee-validate would be a great addition to make better custom components, and would require less code once its integrated, but vuelidate, would allow to validate any data, not only inputs, that’s why both are important, but in my opinnion, you should consider first vee-validate.
Sure we’ll consider different scenarios and pick the best one.
hi sir, can you make an update for mapping (eg: leaflet or google map). hope that will be have this features in next update.
Hi, we can do a map feature, but that will probably be something like mapbox. Regards.
thanks. looking forward.
Alright we’ll let you know when we’re close to the release. Regards
hai. thanks for new update. i so happy with the map features. but there are somes bug on mobile view. information on map have glitch in viewing data. and map look so small in mobile.
Hi, can you please provide steps to reproduce this bug? Regarding the map size on mobile , you can tweak the SCSS to make it bigger really easily. Regards.
Any chances to get a css file containing all custom styles from the theme? i need this to include them in a html to print component in order to get the right styles from custom components…
It would be great.
Hi, Iam not sure if that’s what you are asking for, but there is already a precompiled CSS source in the precompiled folder. Please be more specific about what you’d want included in the CSS, only custom styles without Bulma?
yes, i’d like to get only the custom styles without bulma… can you provide that? thanks in advance
You should be able to generate it yourself. In src/scss/main.scss, comment out all bulma source imports and you’ll be generating a Bulma free stylesheet when compiling the project. Regards.
Hello, do you plan to realise anithing in vue native?
Hi, no plan for that as of now Iam afraid 