Nuxt-bemm NPM | npm.io

Bemm auto-import module for Nuxt.

📦 Install

Install nuxt-bemm as development dependency:

npm install nuxt-lodash --save-dev

Add it to the modules section of your nuxt.config:

export default defineNuxtConfig({
  modules: ["nuxt-bemm"],
});

Example

Use Bemm in all components in your Nuxt app.

<script setup>
  const bemm = createBemm("my-component");
</script>

<template>
  <div :class="bemm('something')">Test</div>
  <!-- <div class="my-component__something">Test</div>-->
</template>

Configuration

Name	Default	Description
`prefix`	`''`	String to prepend before each Lodash function (false to disable)
`prefixSkip`	`[]`	Functions that starts with keywords in this array will be skipped by prefix
`exclude`	`[]`	Array of Bemm functions to exclude from auto-imports
`alias`	`[]`	Array of array pairs to rename specific Lodash functions (prefix is still added)

Example

export default defineNuxtConfig({
  modules: ["nuxt-bemm"],
  bemm: {
    prefix: "_",
    prefixSkip: ["createMultiBemm"],
    exclude: [],
    alias: [["createBemm", "myBemm"]],
  },
});

License

nuxt nuxt-module bemm bem

@nuxt/kit bemm lodash-es

@infinitebrahmanuniverse/nolb-nuxt @everything-registry/sub-chunk-2356 @zalastax/nolb-nuxt

0.0.1

2 years ago