XFlow Deploy
37 lines
933 B
TypeScript
37 lines
933 B
TypeScript
export interface Achievement {
|
|
id: string
|
|
title: string
|
|
description: string
|
|
icon?: string
|
|
unlockedAt?: string
|
|
}
|
|
|
|
export const useAchievements = () => {
|
|
const achievements = ref<Achievement[]>([])
|
|
const stats = ref({ total: 0, completedTasks: 0 })
|
|
const pending = ref(false)
|
|
|
|
const loadAchievements = async () => {
|
|
pending.value = true
|
|
try {
|
|
const auth = useAuth()
|
|
const data = await $fetch<{ achievements: Achievement[], stats: { total: number, completedTasks: number } }>('/api/achievements', {
|
|
headers: { Authorization: `Bearer ${auth.token.value}` }
|
|
})
|
|
achievements.value = data.achievements || []
|
|
stats.value = data.stats || { total: 0, completedTasks: 0 }
|
|
} catch (e) {
|
|
console.error('Failed to load achievements:', e)
|
|
} finally {
|
|
pending.value = false
|
|
}
|
|
}
|
|
|
|
return {
|
|
achievements,
|
|
stats,
|
|
pending,
|
|
loadAchievements
|
|
}
|
|
}
|