Same component in itself again

[DevKame]

Milestones have an array "children" that may contain more milestones, those are "bonded" to their parent milestone. To display related parent-child milestones, every child gets a slightly greater intendation alongside the x-axis using margin-left.

It seems to work properly, i just wanted to know if there are any points i should keep in mind for potential future issues, if i use a component in itself.

This is the component
MilestoneField.vue:

<template>
    <div :class="{toplevel: milestone.toplevel}" :style="{marginLeft: intendation}" class="milestone-field my-2 p-2 d-flex justify-content-around align-items-center">
        {{ milestone.name }}
    </div>
    <milestone-field
                v-for="ms in milestone.children"
                :key="ms.id"
                :milestone="ms">
    </milestone-field>
</template>

[LinusBorg]

Not really, no.

Sidenote: You are asking a lot of questions (great!), and I answered a lot of those. It would be helpful for me and other people reading your questions if you took a second to use the "mark as answer" button when your question was in fact answered. This helps me and other people know if that an answer was actually correct/helpful.

[DevKame]

Yes i stumbled upon that "function" and started marking your and the other ppls answers as such, sorry if i missed some. You guys (esp. you) are very helpful and competent and thats worth taking time honoring it.