Bart Simpson

без { } заработает, а динамически - тут описаны способы:
https://vitejs.dev/guide/assets.html

У тебя две совершенно разные проблемы в одном вопросе:

1. TS тебе пишет ошибку, что тип Date не может быть children'ом для компонента, и это так. Однако дело в том, что тип у тебя задан неверно, на самом деле у тебя там никакой не Date а банальный string. Если ты поправишь типы, то всё заработает и выведет тебе то что ты передаёшь, т.е. 2012-03-23T08:25:44.962Z.

2. Чтоб превратить строку 2012-03-23T08:25:44.962Z в строку Created 7 years ago надо либо руками написать соответствующую функцию, либо воспользоваться какой-либо библиотекой для работы с датами. Например с помощью moment это будет выглядеть примерно так:

const createdFromNow = `Created ${
  moment.duration(moment().diff(data.createdAt)).humanize()
} ago`;

гугли "Back to Top Button codepen"
https://codepen.io/matthewcain/pen/ZepbeR
https://codepen.io/cheshirecat077/pen/OpaEjJ

Так то https://developer.mozilla.org/en-US/docs/Web/API/D...
должно хватить, если нет, покажите чего наделали в песочнице
https://codesandbox.io/ например

Как-то так можно:

//...
	function copyResult() {
	    navigator.clipboard.writeText(result.textContent)
                .then(() => console.log('Done'))
                .catch((err) => console.log(err))
	}

<div class="option">
  <div id="result">TextContent</div>
  <button id="copy">Copy</button>
</div>

let result = document.getElementById("result");

let copy = document.getElementById("copy");

copy.addEventListener("click", function () {
  copyToClipboard(result.innerText);
});

function copyToClipboard(text, onComplete) {
  if (navigator.clipboard) {
    navigator.clipboard
      .writeText(text)
      .then(() => {
        if (typeof onComplete === "function") onComplete();
      })
      .catch((err) => {
        console.error("Copy fail", err);
      });
  } else {
    let area = document.createElement("textarea");
    document.body.appendChild(area);
    area.value = text;
    area.select();
    document.execCommand("copy");
    document.body.removeChild(area);
    if (typeof onComplete === "function") onComplete();
  }
}

В песочнице работать не будет

как-то так: https://jsfiddle.net/upcsrqxe/1/

// x > y 3 очка
// x < y 0 очков
// x = y 1 очко

// countPoints(['100:90', '110:98', '100:100', '95:46', '54:90', '99:44', '90:90', '111:100']) => 17

const data = ['100:90', '110:98', '100:100', '95:46', '54:90', '99:44', '90:90', '111:100'];

function countPoints(points) {
  return points.reduce((sum, point) => {
    const [x, y] = point.split(':').map((i) => parseFloat(i));

    if (x > y) {
      sum += 3;
    } else if (x < y) {
      sum += 0; // можно блок вообще убрать, но оставил для наглядности
    } else if (x === y) {
      sum += 1;
    }

    return sum;
  }, 0);
}

console.log(countPoints(data));

Не вижу подвох

function funEqual(a, b) {
  return a === b;
}

function hello(num, num1) {
return num == num1
}

Добавьте в свои CSS правила класс, который скрывает блок, например

._hidden {
    display: none;
}

и после ответа на prompt, проверьте значение, если оно равно null, добавьте скрывающий класс на форму

document.querySelector('. main_form').classList.add('_hidden')