feat: add YearsSince component for dynamic year calculation in about section

Author: TechWatching

app/components/content/YearsSince.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+const props = defineProps<{
+  date: string
+}>()
+
+const years = computed(() => {
+  const startDate = new Date(props.date)
+  const now = new Date()
+  return Math.floor((now.getTime() - startDate.getTime()) / (1000 * 60 * 60 * 24 * 365.25))
+})
+</script>
+
+<template>
+  <span>{{ years }}</span>
+</template>

content/about.md

@@ -5,9 +5,9 @@ navigation.icon: i-heroicons-user-circle-solid
 ---
 Hi, my name is Alexandre Nédélec. I am a software developer living in Bordeaux.
 
-I graduated from the Engineer School [ENSEIRB-MATMECA](https://enseirb-matmeca.bordeaux-inp.fr) in Computer Sciences over 10 years ago. I am currently working for an IT consulting company specialized in Microsoft Technologies.
+I graduated from the Engineer School [ENSEIRB-MATMECA](https://enseirb-matmeca.bordeaux-inp.fr) in Computer Sciences over :years-since{date="2013-11-01"} years ago. I am currently working for an IT consulting company specialized in Microsoft Technologies.
 I am a .NET and Azure enthusiast, primarily coding in C# but I like to discover other languages and technologies too. I want to keep learning and always become a better developer.
 
 My blog and its posts are a good way to remind me of things I have learned, solutions and workarounds to some coding issues I have encountered and helpful tools I have used. This blog is also a place to write about things I am interested in and if it can make some people learn something new or help them solve a problem, that's for the better.
 
-This website is built using [Nuxt Content](https://content.nuxt.com/) and [NuxtUI Pro](https://ui.nuxt.com/). It was initially created using the [NuxtUI Pro SaaS template](https://github.com/nuxt-ui-pro/saas) but was also inspired by other websites (like [Nuxt website](https://nuxt.com/)). Previously, my blog was generated using [Statiq](https://www.statiq.dev/), but I have switched to Nuxt to benefit from the Nuxt ecosystem.
+This website is built using [Nuxt Content](https://content.nuxt.com/) and [NuxtUI](https://ui.nuxt.com/). It was initially created using the [Nuxt SaaS template](https://github.com/nuxt-ui-templates/saas) but was also inspired by other websites (like [Nuxt website](https://nuxt.com/)). Previously, my blog was generated using [Statiq](https://www.statiq.dev/), but I have switched to Nuxt to benefit from the Nuxt ecosystem.