Guide

Installation

npm i vue-use-bem

Usage example

Simply importing composable function from vue-use-bem

setup.vue

<script setup>
import { useBem } from 'vue-use-bem';

const { b } = useBem('my-block')
</script>

<template>
  <div :class="b()"></div>
</template>

options.vue

<script>

export default {
  //....

  setup() {
    const { b } = useBem('my-block')

    return { b } 
  }
}

</script>

<template>
  <div :class="b()"></div>
</template>

Via global method, first install plugin:

import { createApp } from 'vue'
import { VueBem } from 'vue-use-bem'

import App from './App.vue'

const app = createApp(App)

app.use(VueBem, {
  //..plugin config
})

app.mount('#app')

Then you can use globally injected method bem:

<template>
  <div :class="b()"></div>
</template>

Refer to configuration for more details