@limetech/lime-elements/dist/collection/components/markdown/image-markdown-plugin.js

Lime Elements

import { visit } from 'unist-util-visit';
/**
 * Creates a unified.js plugin that transforms image elements for lazy loading
 *
 * @param lazyLoadImages - Whether to enable lazy loading for images
 * @returns A unified.js plugin function
 */
export function createLazyLoadImagesPlugin(lazyLoadImages = false) {
  return () => {
    if (!lazyLoadImages) {
      return (tree) => tree;
    }
    return (tree) => {
      visit(tree, 'element', (node) => {
        if (node.tagName === 'img') {
          node.properties = node.properties || {};
          node.properties.loading = 'lazy';
          if (node.properties.src) {
            node.properties['data-src'] = node.properties.src;
            node.properties.src = undefined;
          }
        }
      });
      return tree;
    };
  };
}
//# sourceMappingURL=image-markdown-plugin.js.map