q-drawer called multiple times? q-tab-panel does not render component

[ilaurensnl]

Hey guys,

At this point I'm rather new to vue3, I noticed something which I guess might be either a bug or it's either the flow because it got a render a part; again.

I made a bare minimum for the app.vue, see:

  <q-layout view="hHh lpR fFf">
    {{log('test')}}
    <q-drawer v-model="leftDrawerOpen" side="left" bordered style="margin-top:150px">
      {{log('call')}}
    </q-drawer>
    <q-page-container>
      <router-view />
    </q-page-container>
  </q-layout>
</template>

<script>
import { ref } from 'vue'

export default {
  name: 'LayoutDefault',
  props: {
  },
  components: {
  },
  setup() {
    return {
      leftDrawerOpen: ref(false),
      log: ref(console.log)
    }
  }
}
</script>

When I execute this I see in the log:

test
call
call

when 'leftDrawerOpen' is false it will return a single 'call', enabled two 'call' and when populating the drawer it might have 3 a 4 draws. Is this something we could expect? it's rather hard to debug this way.

---

I also noticed that I cannot seem to load a component inside 'q-tab-panels' but outside the element it works fine; are there any rules and tips because I need to use recursive array children, to get multiple 'q-tab-panel'

---

Quasar version: 2.10
Vue version: 3.2.41