mirror of
https://github.com/ArthurDanjou/artsite.git
synced 2026-01-14 15:54:13 +01:00
Arthur DANJOU
9d4ca6476b
Switched from Mapbox to a custom globe visualization using 'cobe' library. Removed all Mapbox-related code, dependencies, and environmental variables. Introduced a WebSocket-based system to display live visitor data on the globe.
17 lines
637 B
Vue
17 lines
637 B
Vue
<script setup lang="ts">
|
|
const { isLoading, visitors } = useVisitors()
|
|
</script>
|
|
|
|
<template>
|
|
<div v-if="!isLoading" class="fixed bottom-4 right-4">
|
|
<UTooltip text="Visitors currently on my portfolio" placement="left">
|
|
<nav class="text-xs flex space-x-1 items-center border border-green-400 dark:border-green-600 px-2 rounded-xl bg-white dark:bg-black">
|
|
<p class="text-neutral-700 dark:text-neutral-300">
|
|
{{ visitors }}
|
|
</p>
|
|
<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>
|