All files / src/lib rehype-lazy-images.mjs

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { visit } from 'unist-util-visit';
 
export default function rehypeLazyImages() {
  return (tree) => {
    visit(tree, 'element', (node) => {
      if (node.tagName === 'img' && !node.properties?.loading) {
        node.properties = {
          ...node.properties,
          loading: 'lazy',
        };
      }
    });
  };
}