mirror of
https://github.com/ArthurDanjou/artchat.git
synced 2026-01-14 11:54:03 +01:00
Arthur DANJOU
81814b507e
feat: add new homelab project documentation with details on services and hardware fix: correct project code links for Monte Carlo Project and Schelling Segregation Model refactor: rename Studies Projects to ArtStudies for better clarity and consistency i18n: add project descriptions in English, Spanish, and French locales chore: update package name to artsite and adjust dependency versions style: add cover image for ArtLab project fix: update chat message labels for better readability and translation usage
45 lines
1.6 KiB
Vue
45 lines
1.6 KiB
Vue
<script lang="ts" setup>
|
|
const { locale, locales, t } = useI18n()
|
|
const currentLocale = computed(() => locales.value.find(l => l.code === locale.value))
|
|
|
|
const { data: projects } = await useAsyncData('projects-index', async () => await queryCollection('projects').where('favorite', '=', true).select().all())
|
|
const date = (date: string) => useDateFormat(new Date(date), 'DD MMMM YYYY', { locales: currentLocale.value?.code ?? 'en' })
|
|
</script>
|
|
|
|
<template>
|
|
<section>
|
|
<PostAlert class="mb-2" />
|
|
<div class="prose dark:prose-invert">
|
|
<p>{{ t('tool.projects') }}</p>
|
|
</div>
|
|
<div v-if="projects" class="m-1 my-4 flex flex-col gap-4">
|
|
<div v-for="project in projects" :key="project.id">
|
|
<NuxtLink :to="`/projects/${project.slug}`">
|
|
<UCard variant="subtle" class="shadow-md">
|
|
<h1 class="text-xl font-medium">
|
|
{{ project.title }}
|
|
</h1>
|
|
<h3 class="text-muted my-2">
|
|
{{ project.description }}
|
|
</h3>
|
|
<div class="flex items-center justify-between">
|
|
<p class="text-sm text-muted-foreground">
|
|
{{ date(project.publishedAt).value }}
|
|
</p>
|
|
<div class="flex flex-wrap gap-2">
|
|
<UBadge
|
|
v-for="tag in project.tags.sort((a: any, b: any) => a.localeCompare(b))"
|
|
:key="tag"
|
|
variant="soft"
|
|
>
|
|
{{ tag }}
|
|
</UBadge>
|
|
</div>
|
|
</div>
|
|
</UCard>
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|