<template>  
    <v-simple-table>
        <template v-slot:default>
            <tbody>
                <tr
                    v-for="(item, index) in rows"
                    :key="'item-' + index"
                >
                    <th class="text-caption font-weight-bold">
                        {{ item }}
                    </th>
                    
                    <td>
                        <component
                            :is="'cum-table-one-row-' + (1 + index)"
                        >
                        </component>
                    </td>
                </tr>
            </tbody>
        </template>
    </v-simple-table>
</template>


<script>
    export default {
        data: () => ({

            rows: [
                'Date personale',
                'Legalitatea prelucrării',
                'Cu cine putem împărtăși datele dvs.',
                'Cât timp vom stoca datele.',
                'Unde sunt stocate datele.',              
            ],

        }),

        components: {
            CumTableOneRow1: require('./CumTableOneRow1').default,
            CumTableOneRow2: require('./CumTableOneRow2').default,
            CumTableOneRow3: require('./CumTableOneRow3').default,
            CumTableOneRow4: require('./CumTableOneRow4').default,
            CumTableOneRow5: require('./CumTableOneRow5').default,
        },

        name: 'CumTableOne',        
    }
</script>