<template>
    <div class="sf-content-category">
        <slot />
    </div>
</template>
<script>
    export default {
        name: 'SfContentCategory',
        props: {
            /**
             * Category title
             */
            title: {
                type: String,
                default: '',
            },
        },
        data() {
            return {
                items: [],
            };
        },
        onMounted() {
            const item = {
                title: this.title,
                items: this.items,
            };
            this.$parent.items.push(item);
        },
        methods: {},
    };
</script>
