Setup

Using image module in your NuxtJS project is only one command away ✨

Installation

Add @nuxt/image dependency to your project:

yarn add --dev @nuxt/image
npm install --save-dev @nuxt/image

Next, you need to register module inside nuxt.config:

nuxt.config.js
export default {
  modules: [
    '@nuxt/image'
  ]
}

That's it ✨!

Now you can start using <nuxt-image> components in your project.

Configure

Then, add image section in nuxt.config.js:

nuxt.config.js
export default {
  image: {
    // Options
  }
}

See module options.