feat: add projects page and rework home page

2026-07-09 16:24:51 +02:00
parent 8aa5aca650
commit 834d7ed00f
32 changed files with 720 additions and 77 deletions
@@ -0,0 +1,18 @@
+<template>
+  <NuxtLayout name="default">
+    <h1 class="text-4xl text-highlighted font-bold mb-8">
+      {{ $t('pages.projects.name') }}
+    </h1>
+    <div class="flex flex-wrap gap-4 justify-center">
+      <UiSingleProject v-for="project in projects" :key="project.name" :project="project" />
+    </div>
+  </NuxtLayout>
+</template>
+
+<script lang="ts" setup>
+import type { Project, ProjectsWrapper } from '~/types/project';
+
+const { getJsonData } = useDataJson('projects');
+const projects$ = await getJsonData<ProjectsWrapper>();
+const projects: ComputedRef<Project[]> = computed(() => (projects$?.value ? projects$.value.projects : []));
+</script>