GrayHorse

const url = "https://i.imgur.com/sduLRvf.jpeg";
const resp = await fetch(url);
const blob = await resp.blob();
const name = url.split("/").pop().replace("jpeg", "jpg");

downloadBlob(blob, name, url);

function downloadBlob(blob, name, url) {
    const anchor = document.createElement("a");
    anchor.setAttribute("download", name || "");
    const blobUrl = URL.createObjectURL(blob);
    anchor.href = blobUrl + (url ? ("#" + url) : "");
    anchor.click();
    setTimeout(() => URL.revokeObjectURL(blobUrl), 3000);
}

Как переделать в fetch запрос даный код?

const response = await fetch(url, {
  headers: {
    "Content-Type": "application/json"
  }
});
// console.log(response.ok, response.status);
const json = await response.json();

const response = await fetch("https://fetch-progress.anthum.com/30kbps/images/sunrise-baseline.jpg");
total.value    = parseInt(response.headers.get("content-length")) || 0;

function onProgress(chunk) {
    loaded.value += chunk.length;
}
const ts = new TransformStream({
    transform(chunk, controller) {
        onProgress(chunk);
        controller.enqueue(chunk);
    },
});
response.body.pipeThrough(ts);
const newResponse = new Response(ts.readable);

const blob = await newResponse.blob();

const reader = response.body.getReader();
const readableStream = new ReadableStream({
    async start(controller) {
        while (true) {
            const {done, value} = await reader.read();
            if (done) { break; }
            onProgress(value);
            controller.enqueue(value);
        }
        controller.close();
        reader.releaseLock();
    },
    cancel() {
        void reader.cancel();
    }
});
const newResponse = new Response(readableStream);

<img src="not-loading-image.jpg" onerror="this.remove();">
<img src="https://hsto.org/webt/62/a8/df/62a8df7d29053796257182.png" onload="console.log(this);">

export default {
  data() {
    return {
      dateNow: new Date(),
      timerId: null
    };
  },
  mounted() {
    this.timerId = setInterval(() => {
      this.dateNow = new Date();
    }, 1000);
  },
  beforeUnmount() {
    clearInterval(this.timerId);
  }
};

import {ref, onUnmounted} from "vue";

const dateNow = ref(new Date());
const timerId = setInterval(() => {
  dateNow.value = new Date();
}, 1000);

onUnmounted(() => {
  clearInterval(timerId);
});

// element-util.js

export function createElement(options) {
  // код функции
}

export function showElement(options) {
  // код функции
}

export function hideElement(options) {
  // код функции
}

import {createElement} from "./element-util.js";

function Component() {
  const heading = createElement({
    id: "heading",
    content: "Hello World",
  });

  const message = createElement({
    id: "message",
    content: "New Article",
  });

  return {heading, message};
}

function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

while (true) {
    await sleep(10000);
    openBox();
    await sleep(3000);

    const data = JSON.parse(response);
    for (const entry of data) {
        entry.btn.click(); // рили?
        await sleep(3000);
        entry.btnClose.click();
    }

    await sleep(3000);
    btn.click();
}

Ну почему-то, после перезагрузки страницы...