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
115 lines
2.5 KiB
Vue
115 lines
2.5 KiB
Vue
<script lang="ts" setup>
|
|
import { ChatSender, ChatState, ChatType } from '~~/types'
|
|
|
|
useSeoMeta({
|
|
title: 'Arthur Danjou - AI enjoyer and Maths student',
|
|
description: 'Developer enjoying Artificial Intelligence and Machine Learning. Mathematics Student at Paris Dauphine-PSL University specialised in Statistics',
|
|
})
|
|
|
|
const { messages } = useChatStore()
|
|
const parents = useTemplateRef('parents')
|
|
const { height } = useElementBounding(parents)
|
|
|
|
const { locale } = useI18n()
|
|
const lastLang = ref(locale.value)
|
|
watch(
|
|
height,
|
|
async () => {
|
|
await nextTick()
|
|
if (lastLang.value === locale.value) {
|
|
window.scrollTo({ top: parents.value?.scrollHeight, behavior: 'smooth' })
|
|
}
|
|
lastLang.value = locale.value
|
|
},
|
|
)
|
|
</script>
|
|
|
|
<template>
|
|
<main>
|
|
<ChatCommandPalette
|
|
v-motion
|
|
:initial="{
|
|
opacity: 0,
|
|
y: 200,
|
|
scale: 0.6,
|
|
}"
|
|
:enter="{
|
|
opacity: 1,
|
|
y: 0,
|
|
scale: 1,
|
|
transition: {
|
|
delay: 1800,
|
|
ease: 'easeIn',
|
|
},
|
|
}"
|
|
:active="messages.length > 0"
|
|
/>
|
|
<ChatMain />
|
|
<div ref="parents" class="space-y-4 my-32">
|
|
<ChatMessageContainer
|
|
v-motion
|
|
:initial="{
|
|
opacity: 0,
|
|
y: 200,
|
|
scale: 0.6,
|
|
}"
|
|
:enter="{
|
|
opacity: 1,
|
|
y: 0,
|
|
scale: 1,
|
|
transition: {
|
|
delay: 900,
|
|
ease: 'easeOut',
|
|
},
|
|
}"
|
|
:message="{
|
|
id: 0,
|
|
content: 'main.question',
|
|
sender: ChatSender.USER,
|
|
state: ChatState.SENT,
|
|
type: ChatType.INIT,
|
|
}"
|
|
/>
|
|
<ChatMessageContainer
|
|
v-motion
|
|
:initial="{
|
|
opacity: 0,
|
|
y: 200,
|
|
scale: 0.6,
|
|
}"
|
|
:enter="{
|
|
opacity: 1,
|
|
y: 0,
|
|
scale: 1,
|
|
transition: {
|
|
delay: 1200,
|
|
ease: 'easeOut',
|
|
},
|
|
}"
|
|
:message="{
|
|
content: 'main.about',
|
|
id: 0,
|
|
sender: ChatSender.ARTHUR,
|
|
state: ChatState.SENT,
|
|
type: ChatType.INIT,
|
|
}"
|
|
/>
|
|
<ChatMessageContainer
|
|
v-for="message in messages"
|
|
:key="message.id"
|
|
v-motion
|
|
:message="message"
|
|
:initial="{
|
|
opacity: 0,
|
|
scale: 0.6,
|
|
}"
|
|
:enter="{
|
|
opacity: 1,
|
|
scale: 1,
|
|
transition: { ease: 'easeOut' },
|
|
}"
|
|
/>
|
|
</div>
|
|
</main>
|
|
</template>
|