feat(projects): move data to store and render thumbnails

2025-11-18 19:48:44 +01:00
parent 2eb3a3520c
commit 6e510890ec
10 changed files with 85 additions and 29 deletions
--- a/app/stores/projects.ts
+++ b/app/stores/projects.ts
@@ -0,0 +1,59 @@
+import PIHKAAL_ME_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/pihkaal.me.png";
+import TLOCK_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/tlock.png";
+import SIMPLE_QR_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/simple-qr.png";
+import LILOU_CAT_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/lilou.cat.png";
+import LBF_BOT_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/lbf-bot.png";
+import RAYLIB_SPEENDRUNS_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/raylib-speedruns.png";
+import SP3WEB_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/s3pweb.png";
+import BIOBLEUD_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/biobleud.png";
+
+export const useProjectsStore = defineStore("projects", {
+  state: () => ({
+    // prettier-ignore
+    projects: [
+      {
+        description: "pihkaal.me - my personal website",
+        thumbnail: PIHKAAL_ME_THUMBNAIL,
+      },
+      {
+        description: "tlock - fully customizable and cross-platform terminal based clock",
+        thumbnail: TLOCK_THUMBNAIL,
+      },
+      {
+        description: "Simple QR - Simple QR code generator with straightforward API",
+        thumbnail: SIMPLE_QR_THUMBNAIL,
+      },
+      {
+        description: "lilou.cat - My cat's website",
+        thumbnail: LILOU_CAT_THUMBNAIL
+      },
+      {
+        description: "LBF Bot - Custom Discord bot for a gaming group",
+        thumbnail: LBF_BOT_THUMBNAIL,
+      },
+      {
+        description: "Raylib Speedruns - Collection of simple Raylib setups in multiple languages",
+        thumbnail: RAYLIB_SPEENDRUNS_THUMBNAIL,
+      },
+      {
+        description: "S3P Map Editor - Web based map editor specialized for trucks",
+        thumbnail: SP3WEB_THUMBNAIL,
+      },
+      {
+        description: "S3P Eramba Visualizer - Eramba asset visualization",
+        thumbnail: SP3WEB_THUMBNAIL,
+      },
+      {
+        description: "S3P Incident Engine - Automated alerts to Jira",
+        thumbnail: SP3WEB_THUMBNAIL,
+      },
+      {
+        description: "Biobleud - Automated Excel imports for an ERP system",
+        thumbnail: BIOBLEUD_THUMBNAIL,
+      },
+    ],
+    currentProject: 0,
+  }),
+
+  actions: {},
+});