Всем привет. подскажите плз по БЭМ какой вариант правильнее или они одинаковы
//вариант 1
<div class="blocks">
<div class="blocks__block1">
<text-with-number v-for="(item, i) in getYourBlockchainEasy.block1"
:key-title="item.title"
:key-text="item.text"
:number="i"
/>
</div>
<div class="blocks__block2">
<img class="image" src="/images/quasa-chain/InstallApp.png" alt="Install App" loading="lazy">
<div class="list">
<i class="quasa-icon checkmark checkmark_pink"/>
</div>
<quasa-app-button class="app-button" key-button="content.quasa-chain.get-your-blockchain-easy.install-app"/>
</div>
</div>
//вариант 2
<div class="blocks">
<div class="block1">
<text-with-number v-for="(item, i) in getYourBlockchainEasy.block1"
:key-title="item.title"
:key-text="item.text"
:number="i"
/>
</div>
<div class="block2">
<img class="block2__image" src="/images/quasa-chain/InstallApp.png" alt="Install App" loading="lazy">
<div class="block2__list">
<i class="quasa-icon checkmark checkmark_pink"/>
</div>
<quasa-app-button class="block2__app-button" key-button="content.quasa-chain.get-your-blockchain-easy.install-app"/>
</div>
</div>
и так итак правильно смотря что есть компонент