formatting generated q-tabs - also getting a explict keys warning

Having trouble getting this to format. In the examples all the q-tab’s are created (manually) together, then all the q-tab-panes. In this way the the tabs appear in a row above the panes.

I thought erroneously that the “slot” would put them all together regardless of their created order but that’s not true.
Further even if I comment out the q-tab-pane’s (see below) the tabs still appear in a column so it’s something to do with generated vs manually coded too.

How can I to fix this without doing a separate v-for the the tabs and panes? Using flex order maybe?

further I am getting this warning, but if I wrap inside q-tabs with an extra div with the v-for no error (see above). This extra div seems unnecessary, the code functions even with the warning.

(Emitted value instead of an instance of Error) <q-tabs v-for="type in Object.keys(schema)">: component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.