123 comments found.
I’m getting many errors of Sass deprecation. Can you help me out? I just wanted to mix with my another project but this is not working. I am getting so much Sass errors!!! Errors: WARN [Vue Router warn]: uncaught error during route navigation: 7:51:35 PM ERROR [sass] Undefined variable. 7:51:35 PM ╷ 74 │ background-color: $light-background-paper; │ ^^^^^^^^^^^^ ╵ assets/main/scss/_mixins.scss 74:21 palette-background-paper() components/main/Header/header-style.scss 39:3 @use components/main/Header/Settings.vue 2:1 root stylesheet 13 │ margin-top: section-margin($spacing1); │ ^^^^^ ╵ components/main/MainContainer/MainContainer.vue 13:30 root stylesheet Plugin: vite:css File: /Users/9jamick/startup/prepify/components/main/MainContainer/MainContainer.vue?direct&vue&type=style&index=0&scoped=df5fd606&lang.scss:25:30 [sass] Undefined variable. ╷ 13 │ margin-top: section-margin($spacing1); │ ^^^^ ╵ components/main/MainContainer/MainContainer.vue 13:30 root stylesheet at Object.wrapException (/Users/9jamick/startup/prepify/node_modules/.pnpm/sass@1.94.2/node_modules/sass/sass.dart.js:2316:47) at /Users/9jamick/startup/prepify/node_modules/.pnpm/sass@1.94.2/node_modules/sass/sass.dart.js:89216:23 at _wrapJsFunctionForAsync_closure.$protected (/Users/9jamick/startup/prepify/node_modules/.pnpm/sass@1.94.2/node_modules/sass/sass.dart.js:4984:15) at _wrapJsFunctionForAsync_closure.call$2 (/Users/9jamick/startup/prepify/node_modules/.pnpm/sass@1.94.2/node_modules/sass/sass.dart.js:38319:12) at Object._asyncStartSync (/Users/9jamick/startup/prepify/node_modules/.pnpm/sass@1.94.2/node_modules/sass/sass.dart.js:4948:20) at _EvaluateVisitor2.visitVariableExpression$body$_EvaluateVisitor0 (/Users/9jamick/startup/prepify/node_modules/.pnpm/sass@1.94.2/node_modules/sass/sass.dart.js:89222:16) at _EvaluateVisitor2.visitVariableExpression$1 (/Users/9jamick/startup/prepify/node_modules/.pnpm/sass@1.94.2/node_modules/sass/sass.dart.js:89196:19) at VariableExpression0.accept$1$1 (/Users/9jamick/startup/prepify/node_modules/.pnpm/sass@1.94.2/node_modules/sass/sass.dart.js:125564:22) at VariableExpression0.accept$1 (/Users/9jamick/startup/prepify/node_modules/.pnpm/sass@1.94.2/node_modules/sass/sass.dart.js:125567:19) at /Users/9jamick/startup/prepify/node_modules/.pnpm/sass@1.94.2/node_modules/sass/sass.dart.js:90536:31 So complicated template.. Do no recommend to buy it
at createError (node_modules/.pnpm/h3@1.15.4/node_modules/h3/dist/index.mjs:71:15)
at node_modules/.pnpm/@nuxt+vite-builder@3.20.1_<redpre#3>9.39.1_jiti@2.6.1__lightningcss@1._0a2da559ddac40a52dd4e9d84b18d666/node_modules/@nuxt/vite-builder/dist/shared/vite-builder.4xOQyozH.mjs:430:21
at async processMessage (node_modules/.pnpm/<redpre#5>types+node@24.10.1_eslint@9.39.1_jiti@2.6.1__lightningcss@1._0a2da559ddac40a52dd4e9d84b18d666/node_modules/@nuxt/vite-builder/dist/shared/vite-builder.4xOQyozH.mjs:412:30)ERROR Internal server error: [sass] Undefined variable. 7:51:37 PM
╷Hi, sorry I can’t hell please refund here http://themeforest.net/refund_requests/new
Hi, sorry I can’t help please refund here http://themeforest.net/refund_requests/new
Hi, I have update the code, please download again to fix the issue.
Can you show me how i can make this use composables instead of mixins and how to run it without a nuxt server?
Hi,
Currently this theme only can use mixins and nuxt server. Please refund instead https://themeforest.net/refund_requests/new
Regards.
This won’t run as regular vue project and it only uses mixins which are outdated, how can I use this without nuxt
Sorry, it’s only available in mixins api and can only use with nuxt. Please request the refund https://help.market.envato.com/hc/en-us/articles/202821460-Can-I-Get-A-Refund
Dear Ilhammeidi,
I hope this message finds you well. I’ve encountered a critical issue while trying to use the i18n functionality in the Agency Theme that I purchased. When attempting to run the project on Netlify, I consistently run into a problem where the vue-i18n-routing library fails to load correctly.
Specifically, the footer.vue file is throwing errors related to the routing library not being installed. When I try adding it to the package.json, it throws errors saying that it collides with other dependencies, which is preventing the app from building properly. As a result, the entire app is essentially dead during installation.
I’ve tried to work through the issue, but I’m unable to resolve it on my own. Could you please provide guidance on how to fix this issue, or if there are any updates or patches I should be aware of?
Thank you for your help!
Best regards, Jakub
Hi Jakub,
Thanks for purchasing.
The vue-i18n-routing should be automatic installed with
"devDependencies": {
"@nuxtjs/i18n": "^8.0.0-rc.4",
}
Please try to remove node_modules/ then npm install again. If you want to install separately, please try to npm install vue-i18n-routing@0.13.4
FYI: in my end, I install and build the app as SSG site on local and then upload to the Netlify.
Hope this can help.
Feel free if you have any further queries.
Regards.
Hello, I followed all the steps, but I’m getting many errors of Sass deprecation. Can you help me out?
Hi fabriziosciuto52,
Thanks for purchasing.
Could you share the information about the issue, like error message or error log. If any private information you can share via private message https://themeforest.net/user/ilhammeidi
Regards.
I found issue about square box shadow background of Our services title. Please contact me via email then I will send image to you. Thanks.
Hi,
Thanks for purchasing.
You can share your email via private message here https://themeforest.net/user/ilhammeidi
Regards.
Hi, did you try to run this on docker? do you have dockerfile, or compose file?
Everything works locally but when I try to run it on docker there are always some dependency errors, solving one error leads to another and another, and so on.
Thanks
Hi MarcGroc,
I’m not use docker, but here’s the guide for docker with nuxt 3 https://markus.oberlehner.net/blog/running-nuxt-3-in-a-docker-container/
Regards.
Hello Ilhammeidi, I want to ask how the multi language feature works? Is it possible to have 1 website for Indonesian, English, Chinese? And is the template included and it will automatically translate or do we have to install a separate plugin again to change the language? Thank you in advance
Halo, ya template ini mendukung 1 website dengan multi language. Dan untuk memasukan content text translate nya perlu di input dan di translate manual untuk setiap bahasanya. Silahkan cek di online docs nya untuk lebih detail https://ilhammeidi.github.io/luxivue-doc/code_flow/ui_lang.html#lang dan untuk contoh codenya https://github.com/ilhammeidi/veluxi-starter/tree/master/lang
Salam
Hello Ilhammeidi,
I like the veluxi pack, it is nicely done!
I specifically downloaded your pack for my business. I want to use the black / greyscale theme but instead of the brown / grey buttons i want to customise the colors of those call to action buttons – and maybe the color of the white part of the background.
I am a backend engineer so i’m not that familiar with the front end development.
The workaround I was able to do was to manually add a class with the color i want in each *.scss file for each component but I know that is not the right way to do it.
How can I overwrite the colours for the entire theme so that i can adjust them via a variable in the theme config file?
I look forward to your solution / advice to point me in the right direction.
Thank you, Adrian OLARIU.
Hi Adrian,
Thanks for purchasing and the appreciation.
To change global color configuration is in config/theme.js here’s the guide https://ilhammeidi.github.io/luxivue-doc/code_flow/ui_lang.html#theme
And for overriding the component styles you change in /assets/scss/vuetify-overide.scss. For example, agency-theme uses ocean-theme, which you can find in .ocean class
.ocean {
// global custom component styles
}
And the theme itself will be used in layouts/default.vue
Hope this can help.
Regards.
hi I thought I just have to upload the theme to wordpress as a zip file and it will install but I was wrong. could you please show me how to install it on my website?
Hi, this template is a vue.js not a wordpress theme. For installation you can check in the documentation. And here’s the online version
Installation: https://ilhammeidi.github.io/luxivue-doc/#install
Deployment: https://ilhammeidi.github.io/luxivue-doc/#deploy
Regards.
Hi, I’m having this issue when trying to install the saas version
Cannot find module @rollup/rollup-darwin-arm64. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try npm i again after removing both package-lock.json and node_modules directory.
I have deleted the node_modules and the package-lock.json as well and keep showing the same error.
Hi,
Please try one of these methods:
1. install @rollup/rollup-darwin-arm64 or add in package.json https://www.npmjs.com/package/@rollup/rollup-darwin-x64
2. Use Node the latest LTS version v18 or v20
3. Install sass globaly npm install sass -g
4. Use sass version 1.32.12 as the default version of this template.
I will check the compatibility version issue and make a patch if any errors soon.
I hope this can help you.
Regards.
Hi, just added to the package.json as follows:
“devDependencies”: { ”@nuxtjs/i18n”: “8.0.0-rc.4”, ”@rollup/rollup-darwin-arm64”: “4.6.1”, ”@vue/eslint-config-airbnb”: “6.0.0”, “animate.css”: “3.7.2”, “aos”: “2.3.4”, “eslint”: “7.32.0”, “eslint-config-prettier”: “3.1.0”, “eslint-plugin-import”: “2.25.3”, “eslint-plugin-prettier”: “2.6.2”, “eslint-plugin-vue”: “8.0.3”, “eslint-plugin-vuejs-accessibility”: “1.1.0”, “nuxt”: “3.7.3”, “prettier”: “2.8.4”, “sass”: “1.32.12”, “vite-plugin-eslint”: “1.8.1” }
My node version is 20.6.1 already installed saas globaly but still having the same issue.
Hi, I tried with vue3 version to reproduce and it happened when i removed package-lock. So please try to use the original package-lock.json and npm install again. Here’s if you need https://drive.google.com/file/d/1nj9L_at3Xs2195Pi7_exY1hpuT82YkLB/view?usp=sharing
But If you use vue2 (legacy version) you may need to downgrade node.js version.
Regards.
Hi,
I’d like to know how to display the component drawer (rtl/theme).
1/ I got a basic project with an index.vue nearly empty, your default layout , and your Header component.
So, i got your header banner, with the engine button (but it’s not what i want), and i can’t see the drawer at the right middle of the page.
2/ how to add the icons ? they don’t display in the Header
Hi,
1) When layout set to rtl, the Sidebar Drawer should be automatically at the right. The Sidebar Drawer available in mobile and tablet portrait view. You can hard coded for position and set other customization the sidebar https://vuetifyjs.com/en/components/navigation-drawers/#location
2) For icon you can use <v-icon> in Header.vue
<nav
:class="{ invert: invert }"
class="nav-menu"
>
<v-icon>mdi-cog</v-icon>
<!-- rest code -->
</nav>
Here’s the icon references https://vuetifyjs.com/en/components/icons/#color and https://pictogrammers.com/library/mdi/
Regards.
Great template but npm run generate with default templates give an error saying Error: [404] Page not found: /favicons/manifest.json although it exist
Hi,
Thanks for purchasing and the appreciation. May I know which theme has that issue? Because I couldn’t find it in agency, education, profile, education and crypto themes.
Regards.
Hi there and thank you for your awesome template.
I have following questions about potential issues or (at least) feature requests of idea for improvements:
1. On the start page for larger screens the counter wont run while visible. Only when starting to scroll.
See: https://www.screenshare.de/c2n6-vqzz-2nt8/#key=vdqa-67aa-yn9s-6wfd-nc8r-soyw-ep32-n8co
2. On pages like the contact page, the footer area remains white. It would be nice if the background fits the whole site.
See: https://www.screenshare.de/zv4d-8isw-4bem/#key=qob1-742s-xzdg-mon9-8o9d-1di7-7w95-p2k4
Thank you very much.
Hi maholick,
Thanks for purchasing and the appreciation.
I will check and update on the next week. And about the counter, I think the function should be added in onMounted too, not just in scroll event.
Regards.
Hi, hope you’re doing well. I bought the first version in 2020 and even its update in 2021. I want to get the new update of 2023, but unfortunately I can’t access my account and profile. I even have the receipts from envato market.
Could you please help me through the process of getting this new update.
Thanks
Hi masoudabuali,
Thanks for purchasing.
May I know the invoice number and date purchased. And your Gdrive account to share it. The invoice number example:
Date: 15 Sep 2023 Invoice No: IVIP12345678
You can share by private message https://themeforest.net/user/ilhammeidi
Regards.
Licensor’s Author Username: ilhammeidi Licensee: ali mobarakmaab Item Title: Veluxi – Vue JS Landing Page Collection Item URL: https://themeforest.net/item/veluxi-vue-js-landing-page-collection/26016174 Item ID: 26016174 Item Purchase Code: a9e669ec-81a2-4cb4-8cf7-4ae989d48930 Purchase Date: 2020-11-04 10:43:49 UTC
Sorry I could not that purchase code. Please provide me the invoice number IVIPxxx
Hello Ilhammeidi, I think I mistakenly sent you a direct message earlier. (vs messaging through here) I’ve enjoyed your templates for several years now and the agency theme has been fantastic for my website. We have now upgraded to the latest version which is nuxt3 vue3 which is fantastic, but now we are a bit stuck on re integrating our CMS (strapi) that uses graphql. It seems all the documentation out there for nuxt3 is in the composables format, but the template is in the nuxt options format. If you have any advice or direction on where to read through converting to the composables api format that’d be great. I’ve done a lot of googling and so far, I haven’t come up with anything that is relevant, or the few that I did, did not work inside of the template. At this point I’ll take any advice anyone has. I hope the day finds you well!
Hi ridiculouspaul,
Thanks for purchasing.
The composition API can be mixed with options API with setup() {}
<script>
setup() {
const count = 2;
const usedVar = count * 2;
return {
usedVar,
}
}
</script>
And also here’s the options to composition api converter https://vue-composition-converter.vercel.app/ If you want to use <script setup> You can use the converted code inside setup()
Regards.
Dear ilhammeidi,
I hope this message finds you well. I recently purchased the Veluxi software project and i want to deploy it to my Bluehost Shared web host. However, I’m encountering some difficulties in the deployment process. I followed the steps outlined in the documentation, including attempting deployment on GitHub Pages, but unfortunately, I haven’t been able to get the website up and running.
Here are the steps I’ve taken to publish the teamplate in Github:
1- Installed node_modules using “npm install.” 2- Installed the dev dependency gh-pages using “npm install gh-pages—save-dev.” 3- Added the deploy script to my package.json file: “deploy”: “echo.>.output/.nojekyll && gh-pages—dotfiles—dest _nuxt -d .output/public” 4- Specified the app baseURL in my nuxt.config.ts file as follows: typescript Copy code export default defineNuxtConfig({ app: { baseURL: ’/nuxt-github-pages/’ // baseURL: ’/<repository>/’ } }); 5- Generated static files using “npm run generate.” 6- Attempted deployment using “npm run deploy.” 7- Committed and pushed the changes to the gh-pages branch of my repository. 8- Verified that the site is accessible at https://<username>.github.io/<repository>/.
Despite my efforts, the website is not functioning as expected. I also tried placing the files generated with “npm run generate” into the “dist” folder on my Bluehost hosting space, but still no luck.
I would greatly appreciate your guidance and support in resolving this issue. Could you please provide me with detailed instructions or troubleshooting steps to successfully deploy the “portfolio2-femine-theme” website template on both GitHub Pages and Bluehost Shared web hosting? If there are any specific configurations or settings that I might be missing, please let me know.
Thank you for your assistance. I’m looking forward to getting the website up and running in my web host.
Best regards,
Hi 1mkluzz1,
Thanks for purchasing.
For github pages you can follow this guide:
https://alejandrosuarez.eu/blog/how-to-deploy-nuxt3-app-in-github-pages/#2-deploy-nuxt-3-application-on-githubOr you can deploy manually by generate the dist/ folder in you local and push all files in dist/ folder to your repo. Then setup the gh-pages in Settings > Pages
And for Bluehost, I think it can do with the same way. Here’s the reference: https://medium.com/@mariatndagire/deploying-a-vuejs-application-in-shared-hosting-551065d062e1
Regards.
for the crypto-theme of vue2 work well I’ve just use the package.json and package-lock.json from the SAAS theme 
Hi,
For vue3 and nuxt3, it seems not support axios and vuex anymore. For vuex changed with Pinia and axios with isomorphic $fetch api. Here’s the references:
- https://axios.nuxtjs.org/ Axios module supports Nuxt 2. Nuxt 3 users can use the new isomorphic $fetch API
- https://v3.nuxtjs.org/migration/component-options/#isomorphic-fetch
- https://nuxt.com/docs/migration/configuration#vuex
Regards.
Hi, how to register a library like axios and vuex as pluging to be use globally? I mean, when I try the classic way it does not work.
Hi,
For vue3 and nuxt3, it seems not support axios and vuex anymore. For vuex changed with Pinia and axios with isomorphic $fetch api. Here’s the references:
- https://axios.nuxtjs.org/ Axios module supports Nuxt 2. Nuxt 3 users can use the new isomorphic $fetch API
- https://v3.nuxtjs.org/migration/component-options/#isomorphic-fetch
- https://nuxt.com/docs/migration/configuration#vuex
Regards.
Also, how do you remove or move sections around without screwing up the background?
Hi, you can make the section content with the same height as the previous or next section or you can adjust position top or left of background if needed in scss files.
