# vite-plugin-vue3-bem

> Making vue3-bem run in vite.

Latest version **1.0.12** (published 2022-05-19) · ISC license · 0 weekly downloads

## Install

```sh
npm install vite-plugin-vue3-bem
pnpm add vite-plugin-vue3-bem
yarn add vite-plugin-vue3-bem
bun add vite-plugin-vue3-bem
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.12 |
| Published | 2022-05-19 |
| First published | 2022-05-13 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 11.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 6 |
| Maintainers | kesion |
| Keywords | bem, vue3, vue3-bem, vue.js, vue3 bem, bem style, bem css, bem-name, vite-plugin-vue3-bem |

## Links

- npm: https://www.npmjs.com/package/vite-plugin-vue3-bem
- Repository: https://github.com/KesionX/vue3-bem
- Homepage: https://github.com/KesionX/vue3-bem#readme
- Issues: https://github.com/KesionX/vue3-bem/issues
- npm.io page: https://npm.io/package/vite-plugin-vue3-bem

## Dependencies (2)

- [magic-string](https://npm.io/package/magic-string.md) ^0.26.2
- [@vue/compiler-sfc](https://npm.io/package/@vue/compiler-sfc.md) ^3.2.33

## Alternatives

- [raw-loader](https://npm.io/package/raw-loader.md) — 4.3M weekly downloads
- [plop](https://npm.io/package/plop.md) — 1.4M weekly downloads
- [webpack-deadcode-plugin](https://npm.io/package/webpack-deadcode-plugin.md) — 80.3K weekly downloads
- [@storybook/preact-vite](https://npm.io/package/@storybook/preact-vite.md) — 54.2K weekly downloads
- [vite-plugin-transform](https://npm.io/package/vite-plugin-transform.md) — 2.4K weekly downloads

## Recent versions

- 1.0.12 (latest) — 2022-05-19
- 1.0.11 — 2022-05-15
- 1.0.10 — 2022-05-14
- 1.0.9 — 2022-05-13
- 1.0.8 — 2022-05-13
- 1.0.7 — 2022-05-13
- 1.0.6 — 2022-05-13
- 1.0.5 — 2022-05-13
- 1.0.4 — 2022-05-13
- 1.0.3 — 2022-05-13
- 1.0.2 — 2022-05-13
- 1.0.1 — 2022-05-13
- 1.0.0 — 2022-05-13

## README

# vue3-bem vite plugin

Making vue3-bem run in vite.

## Feature

- remove import vue3-bem

## Use
It is only written with 'script setup', set attr `bem-block` as block. 

use it as follow.

setting in vite.config.js.
```js
// vite.config.js
import ViteVue3Bem from "vite-plugin-vue3-bem";

plugins:[
    ViteVue3Bem()
]
```

in SFC
```js
// like it
<template> 
    <div class="tip">
        <div :class="bem('wrap')"></div>
    </div>
</template>

<script lang="ts" bem-block="tip">
</script>

```
```js
// equivalent to
<template> 
    <div class="tip">
        <div :class="bem('wrap')"></div>
    </div>
</template>

<script lang="ts" bem-block="tip">
import useBem from "./useBem";
const bem = useBem('tip');
</script>
```

---
_Source: https://npm.io/package/vite-plugin-vue3-bem · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._