Alexander Kim Comments - Answer Overflow

Alexander Kim

•Created by Alexander Kim on 3/26/2024 in #❓・help

How to correctly use lodash in a nuxt 3 module?

Here's workaround in module.ts

    nuxt.hook('vite:extendConfig', (config) => {
      config.optimizeDeps = config.optimizeDeps || {}
      config.optimizeDeps.include = config.optimizeDeps.include || []
      config.optimizeDeps.exclude = config.optimizeDeps.exclude || []

      const lodashIndex =
        config.optimizeDeps.exclude.indexOf('lodash')
      if (lodashIndex > -1) {
        config.optimizeDeps.exclude.splice(lodashIndex, 1)
      }

      if (!config.optimizeDeps.include.includes('lodash')) {
        config.optimizeDeps.include.push('lodash')
      }
    })

    nuxt.hook('vite:extendConfig', (config) => {
      config.optimizeDeps = config.optimizeDeps || {}
      config.optimizeDeps.include = config.optimizeDeps.include || []
      config.optimizeDeps.exclude = config.optimizeDeps.exclude || []

      const lodashIndex =
        config.optimizeDeps.exclude.indexOf('lodash')
      if (lodashIndex > -1) {
        config.optimizeDeps.exclude.splice(lodashIndex, 1)
      }

      if (!config.optimizeDeps.include.includes('lodash')) {
        config.optimizeDeps.include.push('lodash')
      }
    })

2 replies

NNuxt

•Created by denislu93 on 2/20/2024 in #❓・help

Passing data to Nuxt Layer

@l422y so basically, i could make a "layer" with a tailwind components, the use it in my main app via extends and pass a theme to a layer (colors, sizes, etc) ?

3 replies

NNuxt