Discussion on Vuero - Vuejs, Nuxt, Electron - Admin and Webapp UI Kit

Discussion on Vuero - Vuejs, Nuxt, Electron - Admin and Webapp UI Kit

Cart 2,390 sales
Well Documented

cssninjaStudio supports this item

Supported

This author's response time can be up to 2 business days.

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?

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, 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 :)

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/FHSkg4d

Hi, 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.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey