Lodash for Nuxt

💡 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 your nuxt.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
    ],
  },
});

nuxt-lodash

Lodash for Nuxt

💡 About

📦 Install

🚀 Example

🔨 Config

💻 Example - Config

📄 License