quickshell-config/ClockWidget.qml

import QtQuick
import QtQuick.Layouts
import Quickshell

Rectangle {
    width: parent.width
    height: width * 1.5
    border.color: "black"
    border.width: 1
    radius: 5
    // color: "green"

    Item {
        width: parent.width
        height: text.height * 2

        anchors.centerIn: parent

        SystemClock {
            id: clock
            precision: SystemClock.Seconds
        }

        Text {
            id: text
            anchors.centerIn: parent
            property var date: Date()

            text: Qt.formatDateTime(clock.date, "hh\nmm\nss")

            font.family: "Iosevka NF"
            font.weight: Font.ExtraBold
            font.pointSize: 18

            color: "black"
        }
    }
}