Refactor code structure for improved readability and maintainability

app/app.vue

@@ -28,7 +28,7 @@ const head = useLocaleHead()
     <ChatCommandPalette
       v-motion
       :active="messages.length > 0"
-      :mode="route.path.includes('/projects') || route.path.includes('/writings') || route.path.includes('/canva') ? 'work' : 'chat'"
+      :mode="route.path.includes('/projects') || route.path.includes('/writings') ? 'work' : 'chat'"
       :initial="{
         opacity: 0,
         y: 200,

app/components/post/Footer.vue

@@ -5,7 +5,7 @@ const { t } = useI18n()
 <template>
   <UCard class="mt-8 shadow-sm bg-white dark:bg-neutral-900">
     <NuxtImg
-      src="/arthur pro.webp"
+      src="/arthur-pro.webp"
       alt="Arthur Danjou"
       class="w-24 h-24 rounded-full float-left mr-4 mb-4"
     />

app/components/tool/Location.vue

@@ -10,7 +10,7 @@
     <div class="m-1 md:max-w-2/3 shadow-sm rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden relative z-10">
       <NuxtImg class="rounded-xl" src="/location.png" />
       <div class="size-12 rounded-full border-2 border-sky-500 absolute z-50 top-2/5 -translate-y-1/2 left-1/5 -translate-x-1/2 animate-bounce">
-        <NuxtImg src="/arthur pro.webp" class="rounded-full" alt="Location of Arthur" />
+        <NuxtImg src="/arthur-pro.webp" class="rounded-full" alt="Location of Arthur" />
       </div>
     </div>
   </section>

app/pages/projects/[slug].vue

@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import { useDateFormat } from '#imports'
+
 const route = useRoute()
 const { data: project } = await useAsyncData(`projects/${route.params.slug}`, () =>
   queryCollection('projects').path(`/projects/${route.params.slug}`).first())
@@ -17,6 +19,8 @@ useSeoMeta({
 })
 
 const { t } = useI18n()
+
+useSeoMeta(project.value.seo || {})
 </script>
 
 <template>

app/pages/writings/[slug].vue

@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import { useDateFormat } from '#imports'
+
 const route = useRoute()
 const { data: writing } = await useAsyncData(`writings/${route.params.slug}`, () =>
   queryCollection('writings').path(`/writings/${route.params.slug}`).first())
@@ -10,13 +12,9 @@ if (!writing.value) {
   })
 }
 
-useSeoMeta({
-  title: writing.value?.title,
-  description: writing.value?.description,
-  author: 'Arthur Danjou',
-})
-
 const { t } = useI18n()
+
+useSeoMeta(writing.value.seo || {})
 </script>
 
 <template>

content.config.ts

@@ -1,7 +1,10 @@
-import { defineCollection, z } from '@nuxt/content'
+import { defineCollection, defineContentConfig, z } from '@nuxt/content'
+import { asSeoCollection } from '@nuxtjs/seo/content'
 
-export const collections = {
+export default defineContentConfig({
-  projects: defineCollection({
+  collections: {
+    projects: defineCollection(
+      asSeoCollection({
         type: 'page',
         source: 'projects/*.md',
         schema: z.object({
@@ -13,13 +16,11 @@ export const collections = {
           tags: z.array(z.string()),
           cover: z.string(),
           favorite: z.boolean().optional(),
-      canva: z.object({
-        height: z.number().default(270),
-        width: z.number().default(480),
         }),
       }),
-  }),
+    ),
-  writings: defineCollection({
+    writings: defineCollection(
+      asSeoCollection({
         type: 'page',
         source: 'writings/*.md',
         schema: z.object({
@@ -30,13 +31,11 @@ export const collections = {
           readingTime: z.number(),
           cover: z.string().optional(),
           tags: z.array(z.string()),
-      canva: z.object({
-        height: z.number().default(270),
-        width: z.number().default(480),
         }),
       }),
-  }),
+    ),
-  usesCategories: defineCollection({
+    usesCategories: defineCollection(
+      asSeoCollection({
         type: 'data',
         source: 'uses/categories/*.json',
         schema: z.object({
@@ -48,7 +47,9 @@ export const collections = {
           }),
         }),
       }),
-  uses: defineCollection({
+    ),
+    uses: defineCollection(
+      asSeoCollection({
         type: 'data',
         source: 'uses/*.json',
         schema: z.object({
@@ -61,7 +62,9 @@ export const collections = {
           category: z.string(),
         }),
       }),
-  skills: defineCollection({
+    ),
+    skills: defineCollection(
+      asSeoCollection({
         type: 'data',
         source: 'skills.json',
         schema: z.object({
@@ -79,7 +82,9 @@ export const collections = {
           })),
         }),
       }),
-  experiences: defineCollection({
+    ),
+    experiences: defineCollection(
+      asSeoCollection({
         type: 'data',
         source: 'experiences/*.json',
         schema: z.object({
@@ -101,4 +106,6 @@ export const collections = {
           tags: z.array(z.string()),
         }),
       }),
-}
+    ),
+  },
+})

locales/en.json

@@ -230,9 +230,6 @@
     },
     "top": "Go to top"
   },
-  "canva": {
-    "title": "Loading the canva ..."
-  },
   "writings": {
     "description": "All my reflections on programming, mathematics, the conception of artificial intelligence, etc., are put in chronological order.",
     "title": "Writings on math, artificial intelligence, development, and my passions.",

locales/es.json

@@ -233,9 +233,6 @@
     "top": "Ir arriba"
   },
   "alert": "Por falta de tiempo, no tuve tiempo para traducir este contenido al francés. Gracias por su comprensión.",
-  "canva": {
-    "title": "Cargando el lienzo ..."
-  },
   "writings": {
     "description": "Todas mis reflexiones sobre programación, matemáticas, la concepción de la inteligencia artificial, etc., están organizadas en orden cronológico.",
     "title": "Escritos sobre matemáticas, inteligencia artificial, desarrollo y mis pasiones.",

locales/fr.json

@@ -231,9 +231,6 @@
     },
     "top": "Remonter en haut"
   },
-  "canva": {
-    "title": "Chargement du canva..."
-  },
   "writings": {
     "description": "Toutes mes réflexions sur la programmation, les mathématiques, la conception de l'intelligence artificielle, etc., sont mises en ordre chronologique.",
     "title": "Écrits sur les maths, l'intelligence artificielle, le développement et mes passions.",

nuxt.config.ts

@@ -1,3 +1,5 @@
+import { definePerson } from 'nuxt-schema-org/schema'
+
 export default defineNuxtConfig({
   compatibilityDate: '2025-07-20',
 
@@ -19,6 +21,7 @@ export default defineNuxtConfig({
   // Nuxt Modules
   modules: [
     '@nuxt/ui',
+    '@nuxtjs/seo',
     '@nuxt/content',
     '@vueuse/nuxt',
     '@nuxtjs/google-fonts',
@@ -26,9 +29,43 @@ export default defineNuxtConfig({
     '@vueuse/motion/nuxt',
     '@pinia/nuxt',
     '@nuxtjs/i18n',
-    '@nuxtjs/seo',
   ],
 
+  ogImage: {
+    enabled: false,
+  },
+  linkChecker: {
+    enabled: false,
+  },
+
+  site: {
+    url: 'https://arthurdanjou.fr',
+    name: 'Developer enjoying Artificial Intelligence and Machine Learning. Mathematics Student at Paris Dauphine-PSL University specialised in Statistics and Data Science.',
+  },
+
+  schemaOrg: {
+    identity: definePerson({
+      // Basic Information, if applicable
+      name: 'Arthur Danjou',
+      givenName: 'Arthur',
+      familyName: 'Danjou',
+
+      // Profile Information, if applicable
+      image: '/arthur-pro.webp',
+      description: 'AI researcher and technical author specializing in machine learning and neural networks',
+      jobTitle: 'Principal AI Researcher',
+
+      // Contact & Social, if applicable
+      email: 'arthurdanjou@outlook.fr',
+      url: 'https://go.arthurdanjou.fr/website',
+      sameAs: [
+        'https://go.arthurdanjou.fr/twitter',
+        'https://go.arthurdanjou.fr/github',
+        'https://go.arthurdanjou.fr/linkedin',
+      ],
+    }),
+  },
+
   // Nuxt Content
   content: {
     preview: {