Javascript'te bir konu hakkında yardım talebi

Merhaba arkadaşlar,

CSS düzenleme yapabilmek için Javascript'e yeni bir div oluşturmaya çalışıyorum. Oluşturuyorum ancak kapattığı yer istediğim şekilde değil. Daha anlaşılır olması için detayları paylaşıyorum.

                function () {
                    var t = this,
                        e = t.$createElement,
                        n = t._self._c || e;
                    return n("header", { staticClass: "Header" }, [n("div", { staticClass: "what-time-is" }, [n("div", { staticClass: "time" }, [t._v(t._s(t.time))]), n("div", { staticClass: "date" }, [t._v(t._s(t.date))])])]);
                }),

Yukarıdaki kod aşağıdaki çıktıyı veriyor.

<div class="what-time-is">
    <div class="time">14:57</div>
    <div class="date">17 Mayıs 2021, Pazartesi</div>
</div>

Benim ise şöyle bir çıktıya ihtiyacım var.

<div class="what-time-is">
    <div class="tarih"></div>
    <div class="time">14:57</div>
    <div class="date">17 Mayıs 2021, Pazartesi</div>
</div>

Nasıl bir düzenleme yapmam gerekiyor? JS konusunda hiç tecrübem yok. Aslında ilgili divi ekliyorum ancak div kapanışını date class'ına sahip divden sonraya yapıyor. Benim ihtiyacım ise time ve date class'ından önce boş bir div.

Teşekkürler.

sanırım editör ile ilgili bir sorun var,

function () {
var t = this,
e = t.$createElement,
n = t._self._c || e;
return n("header", { staticClass: "Header" }, [n("div", { staticClass: "what-time-is" }, [n("div", { staticClass: "tarih" }), n("div", { staticClass: "time" }, [t._v(t._s(t.time))]), n("div", { staticClass: "date" }, [t._v(t._s(t.date))])])]);
}),

Hocam çok teşekkür ederim, düz metin olarak yapıştır deyip tekrar yollar mısınız ?

Düzenledim mesajı

Çok teşekkür ederim, sorun çözüldü.