timeNow/components/clock/week.vue

<!--
 * @Author: NMTuan
 * @Email: NMTuan@qq.com
 * @Date: 2024-02-18 20:00:36
 * @LastEditTime: 2024-02-20 16:15:23
 * @LastEditors: NMTuan
 * @Description: 
 * @FilePath: \timeNow\components\clock\week.vue
-->
<template>
    <div class="text-zinc-600 font-digital-dismay text-[1.2vw] flex gap-[3vw]">
        <div :class="[dateStore.day === 1 && 'text-zinc-300']">MON.</div>
        <div :class="[dateStore.day === 2 && 'text-zinc-300']">TUE.</div>
        <div :class="[dateStore.day === 3 && 'text-zinc-300']">WED.</div>
        <div :class="[dateStore.day === 4 && 'text-zinc-300']">THU.</div>
        <div :class="[dateStore.day === 5 && 'text-zinc-300']">FRI.</div>
        <div :class="[dateStore.day === 6 && 'text-zinc-300']">SAT.</div>
        <div :class="[dateStore.day === 7 && 'text-zinc-300']">SUN.</div>
    </div>
</template>
<script setup>
const dateStore = useDateStore()
</script>