Framework7/vuejs list-index not working/displaying

 <f7-list-index
   indexes="auto"
   list-el=".list.contacts-list"
   :scroll-list="true"
   :label="true"
   @listindex:select="onIndexSelect"
 </f7-list-index>

I’m having trouble with the above working within a framework7/vuejs environment. The list is contained in a view, the list is grouped and is updated with dynamic data from an ajax request - and this all works fine - I can’t get the f7-list-index to initialise I’ve assumed it’s dynamic and linked to the f7-list?.. does it need prompting programmatically?

You should render it AFTER your ajax data loaded, in “auto” mode, it just doesn’t see any list items i guess. So wrap it with v-if