218 comments found.
hi, im new in this vuejs. may i know what best backend fw apply in this template. tq
Hi, it really depends on what you are familiar with. It could be firebase, mongoDB, Laravel, Express, STRAPI. This is really up to you and what you are most comfortable with. Best.
Do you plan to add bidirectional (RTL) support and live-switching?
Hi, since RTL support is available only since bulma 0.9, we never planned for it. That might become an option in the future, but nothing planned for now. Regards.
Hi. When do you plan to release the next update? Will “form validation” be included? Thanks.
Hi, I would say in a month or so . Please list what you expect from form validation. Regards.
Any chances to make a preconfiguration for webstorm also? just as you made one for vscode?
Hi, Iam affraid there are no plans since jetbrains products are paid products and vs code is open source. Regards
Is there any working dropzones? I’m having difficulty making the one in the wizard to work. It’s not calling any Ajax call. I need some help.
Hi, it is not possible to have a fully working dropzone as there is no backend behind the demo. Please provide details about what you want to do and how you want to implement it. We can provide some guidance and try to help. Please note however that 3rd party plugins implementation support is not included with ThemeForest products. We can help a bit because we care about our customers but this not an obligation. Please also avoid opening the same ticket more than one time as this help us manage our support requests efficiently. Thanks. Please provide above details so we can start helping you figure that out. Regards.
Hi thanks for the reply. I’m using the wizard as it is. I just want to know how to trigger the uploading and I may be able to manage to modify it moving forward. If you can direct me on how I would appreciate it. I’m working on WizardV1Step4.vue file
Your ticket has been answered. Closing this comment. Regards.
hi I want to build the project but I get the following error transforming (719) node_modules\@vue\devtools-api\lib\esm\const.js[vite-plugin-pwa] Couldn’t find configuration for either precaching or runtime caching. Please ensure that the various glob options are set to match one or more files, and/or configure the runtimeCaching option. error during build: Error: Couldn’t find configuration for either precaching or runtime caching. Please ensure that the various glob options are set to match one or more files, and/or configure the runtimeCaching option. at module.exports (C:\Users\purha\Downloads\vuero-1.1.0\node_modules\workbox-build\build\lib\populate-sw-template.js:41:11) at module.exports (C:\Users\purha\Downloads\vuero-1.1.0\node_modules\workbox-build\build\lib\write-sw-using-default-template.js:50:25) at async generateSW (C:\Users\purha\Downloads\vuero-1.1.0\node_modules\workbox-build\build\generate-sw.js:229:21) at async Object.closeBundle (C:\Users\purha\Downloads\vuero-1.1.0\node_modules\vite-plugin-pwa\dist\index.js:342:13) at async Promise.all (index 0) at async rollupInternal (C:\Users\purha\Downloads\vuero-1.1.0\node_modules\rollup\dist\shared\rollup.js:20248:9) at async doBuild (C:\Users\purha\Downloads\vuero-1.1.0\node_modules\vite\dist\node\chunks\dep-66eb515d.js:44228:24) at async build (C:\Users\purha\Downloads\vuero-1.1.0\node_modules\vite\dist\node\chunks\dep-66eb515d.js:44174:16) at async CAC. (C:\Users\purha\Downloads\vuero-1.1.0\node_modules\vite\dist\node\cli.js:14072:9)
windows10, node: 14.16.1, npm: 7.10.0
If I need to change the version of the libraries, please tell me the exact version.
Hi Hamid, you have an answer waiting for you on the ticket you opened on cssninja. Please avoid posting the same issue multiple time to help us track our support requests. Thanks. Regards.
Any ideas on why SweetAlert2 is not working right away? I have already installed the package, imported and tried to use it directly, but instead only shows the text of the alert without any modal, or styles… this is weird, since I have done the same on another vue 3 project, and worked without any issues… do you have any styles overriding SweetAlert’s styles or I’m I missing something?
Never mind, i had to import the style aswell, seems like now it’s needed
Glad you figured it out.
Please can you describe how to secure pages (dashboard etc) for non-logged users? I am not able to find any information from documentation or from https://github.com/hannoeru/vite-plugin-pages which is used as main route generator. Thanks.
Ok. I found out: 1. In vite.config.ts update Pages part byt:
Pages({ pagesDir: [‘src/pages’], extendRoute(route, parent) { if (route.path === ’/login’ || route.path === ‘register’) { // Unauthenticated pages return route }
// Augment the route with meta that indicates that the route requires authentication.
return {
...route,
meta: { authRequired: true },
}
},
}),
2. In router.ts change router.beforeEach to: router.beforeEach((to, from) => { NProgress.start() if (to.meta.authRequired) { console.log(‘auth required page => redirect to login’) } })
Thanks for that awesome piece of feedback. Iam sure it will be useful for a lot of people. Many thanks!
I’m not sure why images or illustrations get’s a 404 error, i had to remove the @ in their routes to show them correctly… what I’m I missing?
Hi, because of Envato restrictions on images, we are forced to remove images before upload and that can cause some errors for the build process. In your case, you mean you had a problem with the Aliases. Can you give me some details about your machine, OS, node js version, if you are using YARN, NPM or PNPM?
Sure:
OS: Windows 10 NODE: 14.17.0 Package Manager: NPM
And yes, that’s exactly the thing, Alisases are not working.
Ok thanks for that. While we are not able to reproduce this issue consistently accross different machines, (we did one time though), we are still looking for the possible cause. Since you have a workaround for now, that gives us time to keep investigating on this. We’ll let you know as soon as we find something so you can test it. Regards.
any updates on this? i can’t build the project because of this.
Yes we found the issue. Give me a couple hours to get to my office and post the fix. Regards
The issue comes from aliases and path resolution on Windows. Change the resolve item in the vite.config.ts file with this:
resolve: {
alias: [
{
find: '/~/',
replacement: `/src/assets/`,
},
{
find: '/@src/',
replacement: `/src/`,
},
],
},
You may also have issues with our demo images, which we cannot ship in the release due to envato rules, if you are building the entire project. You can do a “search and replace” in VS Code using a regex (the .* icon), search for:
/demo/([^'"]+)
and replace with:
https://vuero.cssninja.io/demo/$1
We will update our documentation and push a fix for next release.
Regards
How can i use firebase Auth to protect pages? also i’d like to have multiple dashboards, in the past i used to make multiple routes with vue router, now i see this is automatically generated.
It’s not clear to me how to manage the routes, where is the main route defined for example?
Hi, the routes are automatically generated by the vite plugin VOIE. It parses your layout and pages components and generates routes for you. You can still go the manual way: have you read https://docs.cssninja.io/vuero/documentation/#router-layouts-and-pages-structure ? Also there are comments in the code that help you setup manual routes. Regards.
Can the build be deployed on firebase hosting without any problem?
Hi, well there should not be any problem with it, although we cannot give you dedicated instructions for Firebase. Regards.
Hi, Is there a seed application? Is’t a must to use Typescript?
Hi, there is kind of a seed application. It is a Vue 3 – Bulma – Vite boilerplate that we used to build Vuero. You’e not forced to use Typescript (For sure it helps building high quality code), you can simply createn.js files instead of .ts files. Regards.
Do you provide templates for landing pages or do you recommend instead to purchase Bulkit to create the landing page and then connect it to Vuero?
Hi, if you look closely, Vuero offers 3 landing page variations but they are pretty basic. If you want something more elaborate, then it is probably a good idea to go for Bulkit. Regards.
Thanks for the answer. Are the lading pages templates optimized for SEO? I have read that SPA have problems with SEO.
Hi, Vite supports SSG and let’s you generate your HTML for oprimization. However, until Nuxt 3 is out, Vue does not currently have the best tools for SEO optimization.
Great. Do you plan to launch future versions of Vuero with Nuxt 3?
And finally, the “Compatible Browsers” section includes IE 11 but Vue 3 is not compatible with IE11 yet, and probably it will never be. Please read:
https://github.com/vuejs/rfcs/discussions/296Hi, Yes we plan a Nuxt version when nuxt 3 is released. As well, we’ll be looking at that IE11 compatibility and take it down if necessary. Regards.
The Nuxt version is going to be a different product or do you plan to update this one?
Hi, at this stage, Iam not able to tell you if it will be one or the other. We need to look at the new Nuxt and see how that will work with the current project. Regards.
Can the “sidebar” be set to always-on mode or pop-up by default?
Hi, yes it can, look at other pages like this one https://vuero.cssninja.io/components/tag . The sidebar is always open by default. Regards.
Hello love your work, what about advanced table filters ? Thank you 
Hi, we’re currently thinking about our datatable system. What filters are you thinking about?
And drop zones would be great to 
Sure, we’ll take that into account.
How do I create a control of administrative routes, where users do not have access using NPROGRESS ??
for example, I want to make a login screen and after the login screen goes to the dashboard, however I need to block access from the dashboard without having logged in.
How to do this?
Hi Gustavo, I answered your email. Our Vue specialist will reach out to you when we get to your ticket. Please be patient as we have a lot of inquiries to answer. Regards.
Is there an angular version ??
Hi, sorry but we don’t have an angular version. Best.
Hi. Is possible to get rid of fade/animation between pages ? I mean navigate from https://vuero.cssninja.io/components to https://vuero.cssninja.io/elements there is fade until page is loaded. Did not find any info about this in documentation. Thanks.
Hi, sure there’s an easy way to do it. Simply get rid of the <transition> element in your pages .(more info on vuejs transitions: https://v3.vuejs.org/guide/transitions-enterleave.html). Best
I am trying to run npm install but i am getting error like attached image, can you please guide me to install npm
https://ibb.co/FHSkg4dHi, it seems you are running a node js version under the requirements. Please install node js 14, delete node_modules and try reinstalling again. Regards.
im interested with this template. before i buy it. do you have sketch/XD files for this template. so easy for me to do presentation and work progress to my company. if you can provide me. i will buy it.. thanks
Hi, unfortunately, there are no design files shipped with this template. It was defined on (real) paper wireframes to optimize design / development time. Regards.