23 lines
558 B
Vue
23 lines
558 B
Vue
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
import { useNow } from '@vueuse/core'
|
|
|
|
import LogoFull from '@/assets/logo-full.svg?component'
|
|
import LogoFullPride from '@/assets/logo-full-pride.svg?component'
|
|
import {MILLISECONDS_A_DAY} from '@/constants/date'
|
|
|
|
const now = useNow({
|
|
interval: MILLISECONDS_A_DAY,
|
|
})
|
|
const Logo = computed(() => now.value.getMonth() === 5 ? LogoFullPride : LogoFull)
|
|
</script>
|
|
|
|
<template>
|
|
<Logo alt="Vikunja" class="logo" />
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.logo {
|
|
color: var(--logo-text-color);
|
|
}
|
|
</style> |