Why don’t you use quasar init <project_name> ?

If your custom directive is called ‘capde’, you should use it like this:
<section v-capde></section>

@Max You are right, I will switch to quasar-cli, ty

I am using vue-cli 3 quasar plugin.

How can I define default config for Quasar plugins in vue.config.js (for example, Notify) ?

{
   pluginsOptions: {
       quasar: {
           theme: 'mat',
           ......?
       }
   }
}

@vitorfhc Use <router-link> instead of <a> tag

I don’t know if you are in the same situation but I recently “globalized” my node_modules directory (my quasar apps have now a symbolic link to a global node_modules dir) and HMR was not working anymore.

but I found a solution, I updated my quasar.conf.js with :

build: {
   // ........
   extendWebpack (cfg) {
      cfg.resolve.symlinks = true   // add this line
   }
}

and it works !

Did you try to add “relative-position” class to <q-field> ?

Use global events or Vuex actions !

Got this in the console when I save any file

[WDS] App updated. Recompiling...
[WDS] App hot update...

but I still need to refresh (F5) to get the modification.

and no significant errors

I don’t understand why @click was removed from QItem, it’s a normal behavior for a list item to be clicked !