mirror of
https://github.com/ArthurDanjou/artchat.git
synced 2026-01-14 11:54:03 +01:00
Arthur DANJOU
05963bb605
- Created a new article on "Understanding AI Agents, LLMs, and RAG" detailing the synergy between AI agents, LLMs, and Retrieval-Augmented Generation. - Added an introductory article on "What is Machine Learning?" covering types, model selection, workflow, and evaluation metrics. chore: setup ESLint and Nuxt configuration - Added ESLint configuration for code quality. - Initialized Nuxt configuration with various modules and settings for the application. chore: initialize package.json and TypeScript configuration - Created package.json for dependency management and scripts. - Added TypeScript configuration for the project. feat: implement API endpoints for activity and stats - Developed API endpoint to fetch user activity from Lanyard. - Created a stats endpoint to retrieve Wakatime coding statistics with caching. feat: add various assets and images - Included multiple images and assets for articles and projects. - Added placeholder files to maintain directory structure. refactor: define types for chat, lanyard, time, and wakatime - Created TypeScript types for chat messages, Lanyard activities, time formatting, and Wakatime statistics.
41 lines
1.2 KiB
Vue
41 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
defineProps({
|
|
icon: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
color: {
|
|
type: String,
|
|
default: 'gray',
|
|
},
|
|
})
|
|
|
|
const colorVariants = {
|
|
gray: 'text-gray-500/80 decoration-gray-400/40',
|
|
red: 'text-red-500/80 decoration-red-400/40',
|
|
yellow: 'text-yellow-500/80 decoration-yellow-400/40',
|
|
green: 'text-green-500/80 decoration-green-400/40',
|
|
blue: 'text-blue-500/80 decoration-blue-400/40',
|
|
indigo: 'text-indigo-500/80 decoration-indigo-400/40',
|
|
purple: 'text-purple-500/80 decoration-purple-400/40',
|
|
pink: 'text-pink-500/80 decoration-pink-400/40',
|
|
sky: 'text-sky-500/80 decoration-sky-400/40',
|
|
zinc: 'text-zinc-500/80 decoration-zinc-400/40',
|
|
orange: 'text-orange-500/80 decoration-orange-400/40',
|
|
amber: 'text-amber-500/80 decoration-amber-400/40',
|
|
emerald: 'text-emerald-500/80 decoration-emerald-400/40',
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<span class="inline-flex items-center transform translate-y-1 gap-1">
|
|
<UIcon :name="icon" size="16" />
|
|
<span
|
|
:class="colorVariants[color as keyof typeof colorVariants]"
|
|
class="sofia font-semibold underline-offset-2 underline"
|
|
>
|
|
<slot />
|
|
</span>
|
|
</span>
|
|
</template>
|