lodash

lodash

Go to documentation

lodash module with auto-import and custom prefix

Michal Čípa
1 maintainer6k installs67 stars

Lodash for Nuxt

Version License Types

💡 About

Lodash auto-import module for Nuxt.

📦 Install

  1. Install nuxt-lodash as development dependency:
npm i nuxt-lodash -D
  1. Add it to the modules section of your nuxt.config:
export default defineNuxtConfig({  });

🚀 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

NameDefaultDescription
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
upperAfterPrefixtrueIf 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({    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