1.0.1 • Published 2 years ago
vite-plugin-aha-bem v1.0.1
aha-bem
Happy using BEM in the tag.
Installation
npm i vite-plugin-aha-bem
Usage
// vite.config.ts
import ahaBem from 'vite-plugin-aha-bem';
plugins[ahaBem()]
Example Effect
<!-- *.vue -->
<template>
<div b:header>
<div e:left>
<div b:user m:light>
<div e:user-top>
<img e:avatar m:hover m:selected src="" alt="" />
</div>
<div e:user-bottom></div>
</div>
</div>
</div>
</template>
parse after
<!-- *.vue -->
<template>
<div class="header " b:header>
<div class=" header__left " e:left>
<div class="user user--light " b:user m:light>
<div class=" user__user-top " e:user-top>
<img
class=" user__avatar user__avatar--hover user__avatar--selected "
e:avatar
m:hover
m:selected
src=""
alt=""
/>
</div>
<div class=" user__user-bottom " e:user-bottom></div>
</div>
</div>
</div>
</template>