I am seeing the docs on "Convert project to Quasar CLI with Vite" and in the second step it says:
.
However, I do have a Vue 3 project created a while ago with Quasar CLI and I don't have the other folders (/src-cordova, /src-capacitor etc) except the /src and this is a bit confusing for me because I want the app to be build for mobile as well.
Can you expland on this please?
Should I create a /src-cordova or src-capacitor on the Vite version folder structure?
Just a hobbyist programmer with an eye on new technologies. Currently helping Quasar and NestJS Frameworks, because....well.....because they're awesome! :-)
No. You only copy over those folders, if you had been using those modes in Quasar. If you haven't used any of those modes, you don't need to worry about the folders. You just don't have any.
Yeah I figured it out. I started converting the app to CLI with Vite and the most notable issues are:
require cannot be used. I used require for images like <img :src="require('./my-image.png')" />
importing components should have .vue extenstion. That was really tedious to fix since my IDE automatically import components as import MyComp from 'MyComp' but with Vite is required to have the .vue extension so import MyComp from 'MyComp.vue'
Just a hobbyist programmer with an eye on new technologies. Currently helping Quasar and NestJS Frameworks, because....well.....because they're awesome! :-)
Just a hobbyist programmer with an eye on new technologies. Currently helping Quasar and NestJS Frameworks, because....well.....because they're awesome! :-)
Hi Scott thanks for the article.
I am seeing the docs on "Convert project to Quasar CLI with Vite" and in the second step it says:
However, I do have a Vue 3 project created a while ago with Quasar CLI and I don't have the other folders (/src-cordova, /src-capacitor etc) except the
/srcand this is a bit confusing for me because I want the app to be build for mobile as well.Can you expland on this please?
Should I create a
/src-cordovaorsrc-capacitoron the Vite version folder structure?No. You only copy over those folders, if you had been using those modes in Quasar. If you haven't used any of those modes, you don't need to worry about the folders. You just don't have any.
Yeah I figured it out. I started converting the app to CLI with Vite and the most notable issues are:
requirecannot be used. I used require for images like<img :src="require('./my-image.png')" />.vueextenstion. That was really tedious to fix since my IDE automatically import components asimport MyComp from 'MyComp'but with Vite is required to have the.vueextension soimport MyComp from 'MyComp.vue'You'll be happy you put in the effort though. :)
Yup! Once I get it to work, I hope everything is smooth.
quasar.config.jsis using commonjs though. Is there any way to make it work with es modules?You can follow this issue for that problem.
github.com/quasarframework/quasar/...
😁😁 I am the one who opened that issue today 😁😁