Nuxt用Lodash

💡 概要

Lodash の自動インポートモジュール for Nuxt.

📦 インストール

nuxt-lodash を開発依存関係としてインストールしてください。

npm i nuxt-lodash -D

あなたの nuxt.config の modules セクションに追加してください。

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

🚀 例

Nuxt アプリケーションで任意の Lodash メソッドを使用できます。自動的にインポートされます！

<script setup>
  const text = useToUpper("it works!");
</script>

<template>
  <div>{{ text }}</div>
</template>

🔨 設定

名前	デフォルト	説明
`prefix`	`'use'`	各Lodash関数名の前に追加する文字列 (無効にするにはfalse)
`prefixSkip`	`'is'`	このキーワードで始まる関数は、プレフィックスがスキップされます (無効にするにはfalse)
`upperAfterPrefix`	`true`	trueの場合、プレフィックスの後の最初の文字を自動的に大文字にします (無効にするにはfalse)
`exclude`	`[]`	自動インポートから除外するLodash関数の配列
`alias`	`[]`	特定のLodash関数を名前変更するための配列のペア (プレフィックスは依然として追加されます)

💻 設定例

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

Nuxt用Lodash

💡 概要

📦 インストール

🚀 例

🔨 設定

💻 設定例

📄 ライセンス