13 lines
417 B
Vue
13 lines
417 B
Vue
<script setup lang="ts">
|
|
const { hasTasks } = useTasks()
|
|
const { open } = useSettings()
|
|
</script>
|
|
|
|
<template>
|
|
<ClientOnly>
|
|
<Teleport :to="open ? '#settings-loader-target' : '#primary-loader-target'">
|
|
<Icon name="svg-spinners:ring-resize"
|
|
:class="['text-[var(--color-accent)] text-4', hasTasks ? 'opacity-100' : 'opacity-0']" />
|
|
</Teleport>
|
|
</ClientOnly>
|
|
</template> |