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

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

You have to call the “done” function.

refresher (done) {
   setTimeout(() => {
     console.log("Refresh")
     done()
   }, 1000)
 } 

this example will find for a method called “alert” in your vue component methods.
Try this instead:
<q-btn flat color=“brown” size=“lg” align=“right” label=“WATCHING” @click=“() => alert(‘hello world’)” />
or use a new method.

read this.
https://github.com/vuejs/vue-router/issues/2881#issuecomment-520554378

@conducto I think you are using LocalStorage helper from quasar. Try to use regular window.localStorage.

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 !