I switched to Caddy recently on one of our servers to host multiple applications and am super happy about its simplicity and ease of use. Here’s how I use Caddy with Quasar.
What is Caddy? Caddy is a web server much like Nginx. It calls itself “a new kind of extensible platform for server apps”. Features include -
Easy configuration (super readable config. files - we will get to this in a bit) Configuration is exposed as APIs (JSON files can be used to create/change configuration) An extensible plugin system Automatic https using Let’s Encrypt Caddy does all this with a single executable, and a single configuration file.
...
Here’s a quick way to use Vue plugins in Quasar.
Use Case: Frappe Charts in Vue Let’s consider a simple use case for using Vue plugins - we want to use Frappe charts.
We can simply use vue2-frappe to easily do that. Just install the package in your project -
npm i --save vue2-frappe Next, register it as a Vue plugin -
import Vue from "vue"; import Chart from "vue2-frappe"; Vue.use(Chart); Frappe in Quasar In Quasar you can’t do a Vue.use like the above. There is no main.js to orchestrate that.
...
Quasar CLI structures project differently as compared to a standard Vue CLI app. As a result, you cannot just follow examples on the Internets blindly and use Vue.use(), or start changing code in main.js. There are, however, great ways of addressing the same problems with slightly different solutions.
Enter boot files. These were simply called app plugins which led to them being mixed up with Quasar’s own plugins. Now they are simply referred to as “boot files”.
...
Quasar is great. But, it is also a bit different when it comes to accessing the Vuex store from your code.
Why is Quasar any different? “Is it not just Vue?”
Well, yes. But.. the project structure created by Quasar CLI differs from a “normal” that by Vue CLI. Quasar CLI builds on top of Vue as well but may not follow similar practices to other frameworks / libraries using Vue.
...
Do you see quasar dev stuck but no errors reported anywhere? The fix was quite easy - only the way to get to the fix was frustrating.
I faced this issue in a medium-sized project that I was playing around with. I was stupid enough to change a few lines in multiple components, and lo and behold - I don’t see the changes being compiled. Restarting quasar dev doesn’t help either.
...