@s-molinari
Yes, less is more!

@s-molinari
Great, It works, Tq,
And I try to wrapping the QCarousel by <router-link :to=" route "> </router-link>, the route should be dynamic in your data or vuex store, using v-for to loop each <q-carousel-slide>. it works also.
This usage of navigation to a route by tap an image in the carousel are quite common if QCarousel has a build-in event or method will be better.

Hi,
I am trying to add a custom event on the image in QCarousel, by the event, I can go to a new route in the router, I try to use the QItems to wrap the Q-carousel-slide, but it doesn’t work. Please Help!

    <q-carousel
          arrows
          animated
          v-model="slide2"
          height="28vh"
          style="border-radius:20px"
          infinite
          autoplay
          class="q-mr-md"
        >
      <q-item to="/"
          <q-carousel-slide
            name="first"
            img-src="https://cdn.quasar.dev/img/mountains.jpg"
          >
          </q-carousel-slide>
     </q-item>
   </q-carousel>

Run this command to fix the permissions & the new installation of Quasar cli solve the problem also of " npm ERR! Failed at the node-sass@4.13.1 postinstall script."

sudo chown -R 1000:1000 /home/qaoo8/.quasar-starter-kits 

Hi,
I solve the problem.
my OS: Ubuntu 16.04
here are the hints from npm when I update the npm package and make a fresh installation of quasar cli:

➜  ~ node -v           
v10.16.2
➜  ~ npm -v            
6.14.2
➜  ~ npm install -g @quasar/cli
npm ERR! code EACCES
npm ERR! syscall open
npm ERR! path /home/qaoo8/.npm/_cacache/index-v5/0a/8d/c490fc4a57d72af2334574742af6e158d56f0ac3ff35d7f9e2434ffde642
npm ERR! errno -13
npm ERR! 
npm ERR! Your cache folder contains root-owned files, due to a bug in
npm ERR! previous versions of npm which has since been addressed.
npm ERR! 
npm ERR! To permanently fix this problem, please run:
npm ERR!   sudo chown -R 1000:1000 "/home/qaoo8/.npm"
npm ERR! Response timeout while trying to fetch https://registry.npmjs.org/@quasar%2fcli (over 30000ms)

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/qaoo8/.npm/_logs/2020-03-19T09_38_36_312Z-debug.log

quasar create new_project

⠋ Downloading Quasar starter kit
/usr/local/lib/node_modules/@quasar/cli/node_modules/rimraf/rimraf.js:316
throw er
^

Error: EACCES: permission denied, unlink ‘/home/qaoo8/.quasar-starter-kits/quasarframework-quasar-starter-kit#master/.gitignore’
at Object.unlinkSync (fs.js:956:3)
at rimrafSync (/usr/local/lib/node_modules/@quasar/cli/node_modules/rimraf/rimraf.js:309:17)
at options.readdirSync.forEach.f (/usr/local/lib/node_modules/@quasar/cli/node_modules/rimraf/rimraf.js:344:39)
at Array.forEach (<anonymous>)
at rmkidsSync (/usr/local/lib/node_modules/@quasar/cli/node_modules/rimraf/rimraf.js:344:26)
at rmdirSync (/usr/local/lib/node_modules/@quasar/cli/node_modules/rimraf/rimraf.js:337:7)
at rimrafSync (/usr/local/lib/node_modules/@quasar/cli/node_modules/rimraf/rimraf.js:307:9)
at downloadAndGenerate (/usr/local/lib/node_modules/@quasar/cli/bin/quasar-create:157:5)
at run (/usr/local/lib/node_modules/@quasar/cli/bin/quasar-create:134:5)
at Object.<anonymous> (/usr/local/lib/node_modules/@quasar/cli/bin/quasar-create:128:3)
at Module._compile (internal/modules/cjs/loader.js:778:30)
at Object.Module._extensions…js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
at Module.require (internal/modules/cjs/loader.js:692:17)

sudo quasar create new_project

the above command can run, but fail at the end by this line:

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! node-sass@4.13.1 postinstall: node scripts/build.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the node-sass@4.13.1 postinstall script.

@metalsadman the problem is not such file src/store/index generated after run the command! If the quasar new store newModule could add both src/store/index and src/store/module will be be better.

@metalsadman I’m trying to use quasar new store newModule to add the Vuex manually today for my new Quasar project, it generates the newModule for me, but no the index.js config file, Could it do as the Quasar CLI works to generates the index.js config file also?

@metalsadman Thanks,
Problem solved! by use for loop

for (let i = 0; i < foodsCount; i++) {
        this.$refs.TopExpansionItem[i].hide();
      }

by this I can toggle each expansion-item to show or hide.

@metalsadman
I got the hide function by printing it to the console:

console.log(this.$refs.TopExpansionItem[0].hide)

it shows the hide functions:

hide (evt) {
      if (this.disable === true || this.showing === false) {
        return
      }

      this.$emit('before-hide', evt)
      this.showing = false
      this.value !== false && this.$emit('input', false)

      this.__removeHistory()

      if (this.__hide !== void 0) {
        this.__hide(evt)
      }
      else {
        this.$emit('hide', evt)
      }
    },
  },