nuxt-lodash
nuxt-lodash copied to clipboard
cipami
Lodash module for Nuxt
Lodash for Nuxt
💡 About
Lodash auto-import module for Nuxt.
📦 Install
- Install
nuxt-lodashas development dependency:
npm i nuxt-lodash -D
- Add it to the
modulessection of yournuxt.config:
import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({
modules: ['nuxt-lodash']
})
🚀 Example
Use any Lodash methods in your Nuxt application, they will be auto-imported!
<script setup>
const text = useToUpper('it works!');
</script>
<template>
<div>{{ text }}</div>
</template>
🔨 Config
| Name | Default | Description |
|---|---|---|
prefix |
'use' |
String to prepend before each Lodash function (false to disable) |
prefixSkip |
['is'] |
Functions that starts with keywords in this array will be skipped by prefix |
exclude |
[] |
Array of Lodash functions to exclude from auto-imports |
alias |
[] |
Array of array pairs to rename specific Lodash functions (prefix is still added) |
💻 Example - Config
import { defineNuxtConfig } from 'nuxt';
export default defineNuxtConfig({
modules: ['nuxt-lodash'],
lodash: {
prefix: 'use',
prefixSkip: ['is'],
exclude: ['map'],
alias: [
['camelCase', 'stringToCamelCase'], // => useStringToCamelCase
['kebabCase', 'stringToKebabCase'], // => useStringToKebabCase
]
}
});
📄 License
MIT License © 2021-2022 - Michal Čípa
cipami