Refactor: Update image paths in writings and enhance Activity component

- Changed image source paths in multiple markdown files to point to the correct 'writings' directory.
- Updated the Activity component to specify the type for fetched activity data.

app/components/home/Activity.vue

@@ -3,7 +3,8 @@ import type { UseTimeAgoMessages } from '@vueuse/core'
 import type { Activity } from '~~/types'
 import { activityMessages, IDEs } from '~~/types'
 
-const { data: activity, refresh } = await useAsyncData<Activity>('activity', () => $fetch('/api/activity'))
+const { data: activity, refresh } = await useAsyncData<Activity>('activity', () => $fetch<Activity>('/api/activity'))
+
 useIntervalFn(async () => await refresh(), 5000)
 const codingActivity = computed(() => {
   const activities = activity.value!.data.activities.filter(activity => IDEs.some(ide => ide.name === activity.name))

content/writings/how-my-website-works.md

@@ -12,7 +12,13 @@ My personal website is an overengineered playground where I tinker, explore new
 
 While it's still fresh in my mind, I wanted to document how this version of the site works, the tools I used to build it, and the challenges I overcame to bring it to its current state.
 
-![Website](/portfolio/website-work/website.png)
+::prose-img
+---
+src: /writings/website-work/website.png
+label: Website
+caption: Website screenshot
+---
+::
 
 ## 1 - Ideas and Goals
 
@@ -62,7 +68,13 @@ Nuxt UI aims to provide everything you need for the UI when building a Nuxt app,
 
 #### NuxtHub & Cloudflare workers
 
-![NuxtHub](/portfolio/website-work/nuxt-hub.png)
+::prose-img
+---
+src: /writings/website-work/nuxt-hub.png
+label: NuxtHub
+caption: NuxtHub screenshot
+---
+::
 
 NuxtHub is an innovative deployment and management platform tailored for Nuxt, leveraging the power of Cloudflare. Deploy your application effortlessly with database, key-value, and blob storage—all configured seamlessly within your Cloudflare account.
 
@@ -80,7 +92,13 @@ One word : `If you know SQL — you know Drizzle.`
 
 #### Nuxt Studio
 
-![Nuxt Studio](/portfolio/website-work/nuxt-studio.png)
+::prose-img
+---
+src: /writings/website-work/nuxt-studio.png
+label: Nuxt Studio
+caption: Nuxt Studio screenshot
+---
+::
 
 Nuxt Studio introduces a fresh editing experience for your Nuxt Content website, providing limitless customization and a user-friendly interface. Edit your website effortlessly with our editor reminiscent of Notion, fostering seamless collaboration between developers and copywriters. It offers a rich text editor, markdown support, and a live preview, enabling you to create and edit content with ease.
 

content/writings/neural-network.md

@@ -36,7 +36,7 @@ $$
 
 ::prose-img
 ---
-src: /portfolio/neural-network/neural-network-viz.png
+src: /writings/neural-network/neural-network-viz.png
 label: Neural Network Structure
 caption: Neural Network Structure
 ---
@@ -102,7 +102,7 @@ The gradient of a function is the vector whose elements are its partial derivati
 
 ::prose-img
 ---
-src: /portfolio/neural-network/gradient-descent.png
+src: /writings/neural-network/gradient-descent.png
 label: Gradient Descent
 caption: Gradient Descent
 ---

content/writings/what-is-machine-learning.md

@@ -37,7 +37,7 @@ To start, it is important to understand the three main categories of machine lea
 
 ::prose-img
 ---
-src: /portfolio/ML/types.png
+src: /writings/ML/types.png
 label: ML Model Types
 caption: The different types of machine learning models
 ---
@@ -79,7 +79,7 @@ A machine learning project generally follows these steps:
 
 ::prose-img
 ---
-src: /portfolio/ML/model.png
+src: /writings/ML/model.png
 label: Modelization in Progress
 caption: Modelization in Progress
 ---
@@ -100,7 +100,7 @@ A $$R^2$$ close to 1 indicates a good fit.
 
 ::prose-img
 ---
-src: /portfolio/ML/r2.png
+src: /writings/ML/r2.png
 label: R² Score
 caption: R² Score
 ---