Как будет правильно добавить стили к компоненту?

Question

[Iliyaity]

Есть универсальный компонент <Avatar/> и мне нужно сделать отступ справа 10px.

У меня есть 2 варианта:
1) Через style <Avatar :style="margin-right: 10px"/> - в этом варианте код получается грязным
2) Через обертку <div class="container-avatar"><Avatar/></div> - в этом варианте лишний html елемент

Какой best practices есть по этому поводу?

Answer 1

[0xD34F]

Через обертку <div class="container-avatar"><Avatar/></div> - в этом варианте лишний html елемент

Что мешает добавлять класс непосредственно экземпляру компонента? Вполне себе рабочий вариант.

Comments

[Iliyaity]

<Avatar class="mr-10"/> так?)

[0xD34F]

Iliyaity, я не понял, вы что - ждёте моего разрешения?