Replace Mapbox integration with custom Globe component

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.
This commit is contained in:
2025-01-29 12:43:03 +01:00
parent 86b5669947
commit 9d4ca6476b
11 changed files with 149 additions and 707 deletions

View File

@@ -3,9 +3,9 @@ const { isLoading, visitors } = useVisitors()
</script>
<template>
<div class="fixed bottom-4 right-4">
<div v-if="!isLoading" class="fixed bottom-4 right-4">
<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 bg-white dark:bg-black">
<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>