Как наследовать слоты в Vue?

Question

[Игорь]

Как наследовать слоты в Vue?
Используем компоненты Vuetify.

Хотим добавить возможность сохранения ширины колонок в v-data-table.

Для достижения этой цели хотим сделать компонент обёртку для v-data-table
Но как можно не многословно унаследовать все слоты, пропсы?
Чтобы в будущем использовать его как обычный v-data-table.

Предполагаю, что всё семейство нужно будет обернуть и оформить как компонент.
v-data-table
v-data-table-header
v-data-footer
v-edit-dialog
v-simple-checkbox

Answer 1

[Кирилл Романов]

<template>
    <v-data-table>
        <template v-for="(_, slot) of $slots" :slot="slot">
            <slot :name="slot"/>
        </template>

        <template v-for="(_, slot) of $scopedSlots" #[slot]="scope">
            <slot :name="slot" v-bind="scope"/>
        </template>
    </v-data-table>
</template>

Comments

[Игорь]

Главное что знал что есть $slots ))