<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-two-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: {
            CumTableTwoRow1: require('./CumTableTwoRow1').default,
            CumTableTwoRow2: require('./CumTableTwoRow2').default,
            CumTableTwoRow3: require('./CumTableTwoRow3').default,
            CumTableTwoRow4: require('./CumTableTwoRow4').default,
            CumTableTwoRow5: require('./CumTableTwoRow5').default,
        },

        name: 'CumTableTwo',        
    }
</script>