feat: update environment variables and API endpoints for improved configuration

This commit is contained in:
2025-12-17 10:43:44 +01:00
parent 58447fd8cc
commit dc69b8344a
9 changed files with 26 additions and 13 deletions

View File

@@ -7,7 +7,7 @@ const { locale, locales, t } = useI18n({
useScope: 'local',
})
const { data: activity, refresh } = await useAsyncData<Activity>('activity', () => $fetch<Activity>('/api/activity'))
const { data: activity, refresh } = await useAsyncData<Activity>('activity', () => $fetch('/api/activity'))
useIntervalFn(async () => await refresh(), 5000)
const codingActivity = computed(() => {
@@ -75,7 +75,7 @@ const getActivity = computed(() => {
<ClientOnly>
<div
v-if="getActivity"
class="flex items-start gap-2"
class="flex items-start gap-2 mt-4"
>
<UTooltip :text="isActive ? t('tooltip.online') : t('tooltip.idling')">
<div class="relative flex h-3 w-3 mt-2">

View File

@@ -9,10 +9,10 @@ const { t } = useI18n({
<ClientOnly>
<div
v-if="width > 1024"
class="group text-[12px] italic flex items-center gap-1"
class="text-[12px] italic flex items-center gap-1 mt-4"
>
<UIcon
class="transform -rotate-12 duration-300 group-hover:animate-wave"
class="transform -rotate-12 duration-300 animate-wave"
name="i-ph-hand-pointing-duotone"
/>
<p>{{ t('quote') }}</p>

View File

@@ -11,7 +11,7 @@ const { t } = useI18n({
<UTooltip text="It's me 👋">
<UAvatar
alt="Avatar"
class="hover:rotate-[360deg] duration-500 transform-gpu rounded-full"
class="hover:rotate-360 duration-500 transform-gpu rounded-full"
size="xl"
src="/favicon.webp"
/>

View File

@@ -7,10 +7,10 @@ const { locale, locales, t } = useI18n({
})
const currentLocale = computed(() => locales.value.find(l => l.code === locale.value))
const { data: stats } = await useAsyncData<Stats>('stats', () => $fetch())
const { data: stats } = await useAsyncData<Stats>('stats', () => $fetch('/api/stats'))
const time = useTimeAgo(new Date(stats.value!.coding.data.range.start) ?? new Date()).value.split(' ')[0]
const date = useDateFormat(new Date(stats.value!.coding.data.range.start ?? new Date()), 'DD MMMM YYYY', { locales: currentLocale.value?.code ?? 'en' })
const time = useTimeAgo(new Date(stats.value!.coding.data.range.start)).value.split(' ')[0]
const date = useDateFormat(new Date(stats.value!.coding.data.range.start), 'DD MMMM YYYY', { locales: currentLocale.value?.code ?? 'en' })
const hours = usePrecision(stats.value!.coding.data.grand_total.total_seconds_including_other_language / 3600, 0)
</script>