arthur/artchat
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/artchat.git synced 2026-01-14 18:59:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: simplify localization handling and add resume component with translations

Browse Source
This commit is contained in:
Arthur Danjou
2025-09-05 14:08:13 +02:00
parent 16cf818f0d
commit 7af0464a11
13 changed files with 286 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/components/chat/CommandPalette.vue
View File

@@ -15,7 +15,7 @@ const searchTerm = ref('')
const openMessageModal = ref(false)
const openClearModal = ref(false)
const { t, locale, locales } = useI18n()
const { t, locale } = useI18n()
const { messages, submitMessage } = useChat()
const { clearMessages, messages: storeMessages } = useChatStore()
@@ -32,7 +32,6 @@ function onSelect(item: CommandPaletteItem) {
submitMessage(item.type, item.prompt, item.fetchStates ?? [])
}
const currentLocale = computed(() => locales.value.filter(l => l.code === locale.value)[0])
const { changeLocale } = useLanguage()
const { dark, toggleDark } = useTheme()
@@ -41,7 +40,7 @@ defineShortcuts({
enter: () => openMessageModal.value = !openMessageModal.value,
meta_k: () => openMessageModal.value = !openMessageModal.value,
meta_d: () => openClearModal.value = !openClearModal.value,
l: () => changeLocale(currentLocale.value!.code === 'en' ? 'fr' : currentLocale.value!.code === 'fr' ? 'es' : 'en'),
l: () => changeLocale(locale.value === 'en' ? 'fr' : locale.value === 'fr' ? 'es' : 'en'),
t: () => toggleDark({ clientX: window.innerWidth / 2, clientY: window.innerHeight }),
})
@@ -279,7 +278,7 @@ function isRoute(name: string): boolean {
aria-label="Change language"
class="cursor-pointer"
size="xl"
@click.prevent="changeLocale(currentLocale!.code === 'en' ? 'fr' : currentLocale!.code === 'fr' ? 'es' : 'en')"
@click.prevent="changeLocale(locale === 'en' ? 'fr' : locale === 'fr' ? 'es' : 'en')"
/>
</UTooltip>
</UFieldGroup>

5
app/components/chat/MessageContainer.vue
View File

@@ -8,9 +8,8 @@ const props = defineProps<{
const isArthur = computed(() => props.message.sender === ChatSender.ARTHUR)
const { t, locale, locales } = useI18n()
const currentLocale = computed(() => locales.value.find(l => l.code === locale.value))
const formatDate = computed(() => useDateFormat(props.message.createdAt, 'D MMMM YYYY, HH:mm', { locales: currentLocale.value?.code ?? 'en' }).value)
const { t, locale } = useI18n()
const formatDate = computed(() => useDateFormat(props.message.createdAt, 'D MMMM YYYY, HH:mm', { locales: locale.value ?? 'en' }).value)
</script>
<template>

8
app/components/chat/MessageFromArthur.vue
View File

@@ -9,6 +9,7 @@ import ToolHobbies from '~/components/tool/Hobbies.vue'
import ToolLanguage from '~/components/tool/Language.vue'
import ToolLocation from '~/components/tool/Location.vue'
import ToolProjects from '~/components/tool/Projects.vue'
import ToolResume from '~/components/tool/Resume.vue'
import ToolSkills from '~/components/tool/Skills.vue'
import ToolStats from '~/components/tool/Stats.vue'
import ToolTheme from '~/components/tool/Theme.vue'
@@ -20,9 +21,8 @@ const props = defineProps<{
message: ChatMessage
}>()
const { locale, locales, t } = useI18n()
const currentLocale = computed(() => locales.value.find(l => l.code === locale.value))
const formatDate = computed(() => useDateFormat(props.message.createdAt, 'D MMMM YYYY, HH:mm', { locales: currentLocale.value?.code ?? 'en' }).value)
const { locale, t } = useI18n()
const formatDate = computed(() => useDateFormat(props.message.createdAt, 'D MMMM YYYY, HH:mm', { locales: locale.value ?? 'en' }).value)
const componentMap: Record<ChatType, Component | undefined> = {
[ChatType.INIT]: undefined,
@@ -46,7 +46,7 @@ const componentMap: Record<ChatType, Component | undefined> = {
[ChatType.EXPERIENCES]: undefined,
[ChatType.STATUS]: undefined,
[ChatType.CREDITS]: ToolCredits,
[ChatType.RESUME]: undefined,
[ChatType.RESUME]: ToolResume,
}
const dynamicComponent = computed(() => componentMap[props.message.type])