mirror of
https://github.com/ArthurDanjou/artsite.git
synced 2026-01-22 23:59:26 +01:00
15 lines
550 B
Vue
15 lines
550 B
Vue
<script setup lang="ts">
|
|
const { isLoading, visitors } = useVisitors()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="fixed bottom-4 right-8">
|
|
<UTooltip text="Visitors currently on my portfolio" placement="left">
|
|
<nav v-if="!isLoading" class="text-xs flex space-x-1 items-center border border-green-400 dark:border-green-600 px-2 rounded-xl">
|
|
<div>{{ visitors }}</div>
|
|
<div class="h-3 w-3 bg-green-200 dark:bg-green-600 rounded-full border-2 border-green-400 dark:border-green-800" />
|
|
</nav>
|
|
</UTooltip>
|
|
</div>
|
|
</template>
|