a vuepress plugin to better supporting image lazy loading

base on markdown-it-img-lazy (opens new window) and markdown-it-imsize (opens new window) and lozad (opens new window)

Live Demo (opens new window)

Installation

yarn add vuepress-plugin-img-lazy
# or
npm i vuepress-plugin-img-lazy

Usage

module.exports = {
  plugins: [
    'img-lazy'
  ]
}

![img](img.jpg)
<!-- or -->
![img](img.jpg =500x300) <!-- better -->
<!-- or -->
<img loading="lazy" data-src="img.jpg" class="lazy">

Options

useLoading

• Type: Boolben
• Default: true

Use the native image lazy-loading (opens new window) for the web

selector

• Type: string
• Default: lazy

Default class name for image