Describe the bug
I’m trying to make a vertical list of rows, where each row is horizontal list.
So I configured a vertical virtual scroll with :key=“idx” and put inside a horizontal virtual scroll with :key=“idy”.

I have a double array of items heavySubCats[a][b].
When I try to set items for horizontal list :items=“heavySubCats[idx]” (where idx is a key of a vertical list) - it doesn’t work, but if I’ll set a constant instead of the index :items=“heavySubCats[2]” - it works.

Codepen/jsFiddle/Codesandbox (required)
https://jsfiddle.net/antonsvens/sfvkmbc5/9/

To Reproduce
Steps to reproduce the behavior:

Go to the jsfiddle link above, run - you will only see vertcal list titles
In the HTML tab, line #28 replace
:items=“heavyItems[idx]”
with
:items=“heavyItems[3]”
or any other number instead of idx, run - you will see horizontal scroll list in each row

Expected behavior
I need to pass index of the row of vertical list to the horizontal list

Guys, any ideas?

@aeiosapp said in [V1] A guide for @quasar/dotenv:

Nice solution, by the way it works fine when I call process.env.MYVAR jn the <script> section of my *.vue file, but it doesn’t work when I call it in my src/app/local.js file where I’d like to put some functions that I’ll call in a <script> of *.vue file. Any ideas how to handle it??

Found solution for my question. Just had to add this code in my src/app/local.js file:

const DotEnv = require('dotenv')

if(parsedEnv = DotEnv.config().parsed) {
  for (let key in parsedEnv) {
    process.env[key] = parsedEnv[key]
  }
}

Nice solution, by the way it works fine when I call process.env.MYVAR jn the <script> section of my *.vue file, but it doesn’t work when I call it in my src/app/local.js file where I’d like to put some functions that I’ll call in a <script> of *.vue file. Any ideas how to handle it??