nuxt-lodash
v2.5.3
Published
Lodash for Nuxt
Downloads
75,063
Maintainers
Readme
💡 About
Lodash auto-import module for Nuxt.
📦 Install
- Install
nuxt-lodash
as development dependency:
npm i nuxt-lodash -D
- Add it to the
modules
section of yournuxt.config
:
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 this keywords will be skipped by prefix (false to disable) |
| upperAfterPrefix
| true
| If true it will automatically uppercase first letter after prefix (false to disable) |
| 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
export default defineNuxtConfig({
modules: ["nuxt-lodash"],
lodash: {
prefix: "_",
prefixSkip: ["string"],
upperAfterPrefix: false,
exclude: ["map"],
alias: [
["camelCase", "stringToCamelCase"], // => stringToCamelCase
["kebabCase", "stringToKebab"], // => stringToKebab
["isDate", "isLodashDate"], // => _isLodashDate
],
},
});
📄 License
MIT License © 2021-2022 - Michal Čípa