arthur/artchat
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/artchat.git synced 2026-01-24 17:52:07 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: update resume component with localized file names and add PDF files

Browse Source
This commit is contained in:
Arthur Danjou
2025-09-05 14:33:48 +02:00
parent 7af0464a11
commit 590628fea2
6 changed files with 51 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
app/components/tool/Resume.vue
View File

@@ -1,6 +1,21 @@
<script lang="ts" setup>
const { t, locale } = useI18n()
const date = (date: string) => useDateFormat(new Date(date), 'D MMM YYYY - hh:mm', { locales: locale.value ?? 'en' })
const { t } = useI18n()
interface ResumeFile {
name: string
file: string
}
const resumes = ref<ResumeFile[]>([
{
name: t('tool.resume.files.en'),
file: '/resumes/CV M1 2025.pdf',
},
{
name: t('tool.resume.files.fr'),
file: '/resumes/CV M1 2025 Français.pdf',
},
])
</script>
<template>
@@ -8,29 +23,27 @@ const date = (date: string) => useDateFormat(new Date(date), 'D MMM YYYY - hh:mm
<p class="prose dark:prose-invert">
{{ t('tool.resume.main') }}
</p>
<div class="flex gap-4 m-1">
<UCard variant="outline" class="md:max-w-1/2 shadow-sm bg-white dark:bg-neutral-900" :ui="{ body: 'flex justify-between items-center gap-4' }">
<UCard class="rounded-sm" :ui="{ body: 'p-2 sm:p-2 flex items-center justify-center' }">
<UIcon name="i-ph-file-pdf-duotone" size="48" />
</UCard>
<div>
<p>File 1</p>
<p class="text-muted">
{{ t('tool.resume.uploaded') }} {{ date('2025-01-01') }}
<div class="flex flex-wrap gap-4 m-1">
<NuxtLink
v-for="resume in resumes"
:key="resume.file"
:to="resume.file"
target="_blank"
class="md:max-w-1/2"
>
<UCard
variant="outline"
class="w-full shadow-sm bg-white dark:bg-neutral-900"
:ui="{ body: 'flex justify-between items-center gap-4' }"
>
<UCard class="rounded-sm" :ui="{ body: 'p-2 sm:p-2 flex items-center justify-center' }">
<UIcon name="i-ph-file-pdf-duotone" size="48" />
</UCard>
<p>
{{ resume.name }}
</p>
</div>
</UCard>
<UCard variant="outline" class="md:max-w-1/2 shadow-sm bg-white dark:bg-neutral-900" :ui="{ body: 'flex justify-between items-center gap-4' }">
<UCard class="rounded-sm" :ui="{ body: 'p-2 sm:p-2 flex items-center justify-center' }">
<UIcon name="i-ph-file-pdf-duotone" size="48" />
</UCard>
<div>
<p>File 2</p>
<p class="text-muted">
{{ t('tool.resume.uploaded') }} {{ date('2025-01-01') }}
</p>
</div>
</UCard>
</NuxtLink>
</div>
</section>
</template>