From 01bbb6c00a020b6d216948edad28f76111a792b1 Mon Sep 17 00:00:00 2001 From: Arthur DANJOU Date: Tue, 2 Sep 2025 18:21:48 +0200 Subject: [PATCH] feat: enhance chat UI and add location component with images --- app/components/chat/CommandPalette.vue | 14 ++++----- app/components/chat/MessageContainer.vue | 5 +++- app/components/tool/Activity.vue | 8 ++--- app/components/tool/Contact.vue | 2 +- app/components/tool/Language.vue | 2 +- app/components/tool/Location.vue | 36 ++++++++++++++++++----- app/components/tool/Theme.vue | 2 +- app/components/tool/Weather.vue | 2 +- app/composables/chat.ts | 2 +- public/arthur pro.webp | Bin 0 -> 158322 bytes public/location.png | Bin 0 -> 2900902 bytes 11 files changed, 49 insertions(+), 24 deletions(-) create mode 100644 public/arthur pro.webp create mode 100644 public/location.png diff --git a/app/components/chat/CommandPalette.vue b/app/components/chat/CommandPalette.vue index 234ddf2..a385fda 100644 --- a/app/components/chat/CommandPalette.vue +++ b/app/components/chat/CommandPalette.vue @@ -49,16 +49,16 @@ const commandPaletteUi = { @@ -106,7 +106,7 @@ const commandPaletteUi = { > diff --git a/app/components/chat/MessageContainer.vue b/app/components/chat/MessageContainer.vue index e938a97..4277a07 100644 --- a/app/components/chat/MessageContainer.vue +++ b/app/components/chat/MessageContainer.vue @@ -32,7 +32,7 @@ const formatted = computed(() => useDateFormat(useNow(), 'D MMMM YYYY, HH:mm', { {{ formatted }} -
+
useDateFormat(useNow(), 'D MMMM YYYY, HH:mm', {
+
+ +
{{ message }}
diff --git a/app/components/tool/Activity.vue b/app/components/tool/Activity.vue index 482513b..23f4be6 100644 --- a/app/components/tool/Activity.vue +++ b/app/components/tool/Activity.vue @@ -93,7 +93,7 @@ const getActivity = computed(() => {
- + { { "en": { "offline": "I'm currently offline. Come back later to see what I'm working on. {maths}", - "working": "I'm actually online!", + "working": "I'm actually online! Check what I'm working on just below.", "idling": "I'm idling on my computer with {editor} running in background.", "maths": "I am probably doing some maths or sleeping.", "tooltip": { @@ -163,7 +163,7 @@ const getActivity = computed(() => { }, "fr": { "offline": "Je suis actuellement hors ligne. Revenez plus tard pour voir sur quoi je travaille. {maths}", - "working": "Je travaille actuellement en ligne !", + "working": "Je suis actuellement en ligne ! Découvrez ce sur quoi je travaille juste en dessous.", "idling": "Je suis en veille sur mon ordinateur avec {editor} en arrière-plan.", "maths": "Je suis probablement en train de faire des maths ou en train de dormir.", "tooltip": { @@ -176,7 +176,7 @@ const getActivity = computed(() => { }, "es": { "offline": "Ahora mismo estoy desconectado. Vuelve más tarde para ver en lo que estoy trabajando. {maths}", - "working": "Estoy trabajando en línea.", + "working": "Estoy trabajando en línea. ¡Mira lo que estoy haciendo justo debajo!", "idling": "Estoy en reposo en mi ordenador con {editor} en segundo plano.", "maths": "Estoy probablemente haciendo matemáticas o durmiendo.", "tooltip": { diff --git a/app/components/tool/Contact.vue b/app/components/tool/Contact.vue index 42178ff..89d1383 100644 --- a/app/components/tool/Contact.vue +++ b/app/components/tool/Contact.vue @@ -19,7 +19,7 @@ const { t } = useI18n({ useScope: 'local' }) variant="subtle" color="neutral" target="_blank" - class="" + class="m-1 shadow-sm" :href="social.to" :aria-label="social.label" /> diff --git a/app/components/tool/Language.vue b/app/components/tool/Language.vue index 02f56a5..e4fe78b 100644 --- a/app/components/tool/Language.vue +++ b/app/components/tool/Language.vue @@ -35,7 +35,7 @@ defineShortcuts({
- +

{{ t('change') }}

diff --git a/app/components/tool/Location.vue b/app/components/tool/Location.vue index c5f8f4e..176b0fc 100644 --- a/app/components/tool/Location.vue +++ b/app/components/tool/Location.vue @@ -1,13 +1,35 @@ - + +{ + "en": { + "location": "I'm currently based in {location}. See below for more details." + }, + "fr": { + "location": "Je suis actuellement basé à {location}. Voir ci-dessous pour plus de détails." + }, + "es": { + "location": "Actualmente estoy basado en {location}. Consulta más detalles a continuación." + } +} + diff --git a/app/components/tool/Theme.vue b/app/components/tool/Theme.vue index 32e257d..68e8e3b 100644 --- a/app/components/tool/Theme.vue +++ b/app/components/tool/Theme.vue @@ -75,7 +75,7 @@ defineShortcuts({
- +
diff --git a/app/components/tool/Weather.vue b/app/components/tool/Weather.vue index 0337481..e69f984 100644 --- a/app/components/tool/Weather.vue +++ b/app/components/tool/Weather.vue @@ -8,7 +8,7 @@ const { data: weather } = await useAsyncData('weather', () =>