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

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