@nuxt/image/dist/runtime/providers/wagtail.js

Nuxt Image Module

import { withBase, joinURL } from "ufo";
import { defineProvider } from "../utils/provider.js";
export default defineProvider({
  getImage: (src, { modifiers, baseURL }) => {
    const { width = "0", height = "0", focusZoom = "0", format = "webp", quality = "70" } = modifiers;
    const doFill = width !== "0" && height !== "0";
    const doWidth = width !== "0" && height === "0";
    const doHeight = width === "0" && height !== "0";
    const doOriginal = width === "0" && height === "0";
    const formatting = `|format-${format}|${format}quality-${quality}`;
    const options = joinURL(
      doFill ? `fill-${width}x${height}-c${focusZoom}${formatting}` : "",
      doWidth ? `width-${width}${formatting}` : "",
      doHeight ? `height-${height}${formatting}` : "",
      doOriginal ? `original${formatting}` : ""
    );
    const url = withBase(joinURL(src, options), baseURL);
    return {
      url
    };
  }
});