Nuxt 3 импортирует lodash глобально для всего приложения

Question

Я пытаюсь выяснить, как правильно импортировать lodash глобально для приложения, а не внутри каждого тега настройки.

Я пытался настроить lodash как плагин

      import { defineNuxtPlugin } from '#app'
import _ from 'lodash'

export default defineNuxtPlugin(() => {
  return {
    provide: {
      _: () => _
    }
  }
}) 

Выше, похоже, не работает.

Answer 1

Это потому, что вы предоставили его как функцию и должны вызывать его как функцию, например:

      {{ $_().join(["a", "b", "c"], "~") }}

и плагин, который вы хотите:

      import { defineNuxtPlugin } from "#app";
import lodash from "lodash";

export default defineNuxtPlugin(() => {
  return {
    provide: {
      _: lodash
    }
  };
});

а затем в шаблоне:

      {{ $_.join(["a", "b", "c"], "~") }}

пример