Can QSelect add all option slots?

[oneeoote]

What happened?

Hope all option slots of QSelectTree, this should control more friendly to create QSelectTree component, I will now create the first option of QSelectTree.
While it looks fine, the looping of options in QSelect is completely unnecessary

What did you expect to happen?

Hope all option slots of QSelectTree

Reproduction URL

https://codepen.io/oneeoote/pen/qBprzeO

How to reproduce?

<div id="q-app" style="min-height:300px;">
  <q-select v-model="value" option-value="id" :option-label="(item) => (item.label ? item.label : 'NULL')" :options="dataFlat" emit-value map-options outlined label="Select" style="width:200px;margin:30px;">
    <template #option="scope">
      <template v-if="scope.index == 0">

        <q-tree :nodes="data" default-expand-all v-model:selected="value" node-key="id" label-key="label" selected-color="primary" v-close-popup />

      </template>
    </template>
  </q-select>
</div>

const data = [
  {
    id: 1,
    label: "111",
    children: [
      { id: 11, label: "111-111" },
      { id: 12, label: "111-222" },
      { id: 13, label: "111-333" },
    ],
  },
  {
    id: 2,
    label: "222",
    children: [
      { id: 21, label: "222-111" },
      { id: 22, label: "222-222" },
      { id: 23, label: "222-333" },
    ],
  },
];
//Create a flat copy
const dataFlat = [
  { id: 1, label: "111" },
  { id: 11, label: "111-111" },
  { id: 12, label: "111-222" },
  { id: 13, label: "111-333" },
  { id: 2, label: "222" },
  { id: 21, label: "222-111" },
  { id: 22, label: "222-222" },
  { id: 23, label: "222-333" },
];

const app = Vue.createApp({
  setup() {
    value = Vue.ref(null);
    return { value, data, dataFlat };
  },
});

app.use(Quasar);
app.mount("#q-app");

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

No response

Quasar info output

No response

Relevant log output

No response

Additional context

No response