Adam French
3f39f6327c
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 1m54s
32 lines
758 B
Vue
32 lines
758 B
Vue
<script setup>
|
|
import Header from "@/components/text/Header.vue";
|
|
import { ref } from "vue";
|
|
|
|
const time = ref("");
|
|
const weekday = ref("");
|
|
const day = ref("");
|
|
const month = ref("");
|
|
|
|
function updateDateTime() {
|
|
const date = new Date();
|
|
day.value = date.getDate();
|
|
time.value = date.toLocaleTimeString("en-GB", {
|
|
hour: "2-digit",
|
|
minute: "2-digit",
|
|
});
|
|
weekday.value = date.toLocaleDateString("en-GB", { weekday: "long" });
|
|
month.value = date.toLocaleDateString("en-GB", { month: "long" });
|
|
}
|
|
|
|
updateDateTime();
|
|
|
|
setInterval(updateDateTime, 60000);
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex flex-col">
|
|
<Header>{{ weekday }} {{ day }}, {{ month }}</Header>
|
|
<h1>{{ time }}</h1>
|
|
</div>
|
|
</template>
|