<commit_before><template>
    <li class="mdc-list-item" :id="id" v-on="$listeners">
        <slot name="listItemStartDetail" />
        <slot name="listItemContent" />
        <slot name="listItemEndDetail" />
        <span class="mdc-list-item__text" v-if="$slots['listItemText'] && $slots['listItemTextSecondary']">
            <slot name="listItemText" />
            <slot name="listItemTextSecondary" />
        </span>
    </li>
</template>
  
<script>
import { MDCRipple } from '@material/ripple'

export default {
    props: {
        id: {
            type: String,
            required: false
        },
        interactive: {
            type: Boolean,
            required: false
        }
    },
    mounted() {
        if this.interactive
            MDCRipple.attachTo(this.$el)

        if (this.$slots.listItemStartDetail)
            this.$slots.listItemStartDetail.map((n) => {
                n.elm.classList.add('mdc-list-item__start-detail')
            })
        if (this.$slots.listItemEndDetail)
            this.$slots.listItemEndDetail.map((n) => {
                n.elm.classList.add('mdc-list-item__end-detail')
            })
        if (this.$slots.listItemTextSecondary && this.$slots.listItemText)
            this.$slots.listItemTextSecondary.map((n) => {
                n.elm.classList.add('mdc-list-item__text__secondary')
            })
    }
}
</script>

<style lang="scss">
@import "@material/list/mdc-list";
</style>

<commit_msg>Update ListItem.vue<commit_after><template>
    <li class="mdc-list-item" :id="id" v-on="$listeners">
        <slot name="listItemStartDetail" />
        <slot name="listItemContent" />
        <slot name="listItemEndDetail" />
        <span class="mdc-list-item__text" v-if="$slots['listItemText'] && $slots['listItemTextSecondary']">
            <slot name="listItemText" />
            <slot name="listItemTextSecondary" />
        </span>
    </li>
</template>
  
<script>
import { MDCRipple } from '@material/ripple'

export default {
    props: {
        id: {
            type: String,
            required: false
        },
        interactive: {
            type: Boolean,
            required: false
        }
    },
    mounted() {
        if (this.interactive)
            MDCRipple.attachTo(this.$el)

        if (this.$slots.listItemStartDetail)
            this.$slots.listItemStartDetail.map((n) => {
                n.elm.classList.add('mdc-list-item__start-detail')
            })
        if (this.$slots.listItemEndDetail)
            this.$slots.listItemEndDetail.map((n) => {
                n.elm.classList.add('mdc-list-item__end-detail')
            })
        if (this.$slots.listItemTextSecondary && this.$slots.listItemText)
            this.$slots.listItemTextSecondary.map((n) => {
                n.elm.classList.add('mdc-list-item__text__secondary')
            })
    }
}
</script>

<style lang="scss">
@import "@material/list/mdc-list";
</style>


{'fraction_non_alphanumeric': 0.1527777777777778, 'fraction_numerical': 0.0, 'mean_word_length': 2.022517911975435, 'pattern_counts': {'":': 0, '<': 33, '<?xml version=': 0, '>': 39, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '105011', 'n_tokens_mistral': 937, 'n_tokens_neox': 921, 'n_words': 127}