custom vl tabs component met content slot

[roefem]

Custom component ter vervanging van vl-tabs, maar met een slot waarin content gerenderd wordt.
Gelijkaardig aan de OeContainer, voordeel is dat vue-router child routes eenvoudiger gebruikt kunnen worden om tabs te renderen

[wouter-adriaens]

Volgens mij kunnen we met de laatste versie van de vl-tabs dit probleem oplossen.

Voorbeeld met routing en met "@govflanders/vl-ui-design-system-vue3": "^1.0.2-alpha.0":

<vl-tabs
  :key="activeDossier?.id"
  :active-tab="activeTab"
  :hash-change="false"
  class="vl-u-flex vl-u-flex-direction-column oe-flex-1"
  @tab-change="onTabChange"
>
  <router-view v-slot="{ Component, route }">
    <vl-tab v-for="tab in tabs" :id="tab.id" :key="tab.id" :label="tab.label" :class="tab.class">
      <keep-alive>
        <component :is="Component" v-if="route.name === tab.id" />
      </keep-alive>
    </vl-tab>
  </router-view>
</vl-tabs>

Route te updaten in onTabChange

Te bekijken of dit aan de verwachtingen voldoet en of dit ticket alsnog relevant is.

[cedrikv]

wat doen we hier dan mee @roefem ?

[roefem]

wat doen we hier dan mee @roefem ?

Een issue aanmaken in Plannen om dit uit te proberen?