feat: setup drizzle (#594)

* chore: migration to SvelteKit 2 * stage 1: migrate to svelte 5 and fix rerendering issues * stage 2: fix more $: reactivity across dashboard * fix merge conflicts * chore: migrate code in main to svelte 5 * chore: update preventDefault * chore: simplify tsconfig and remove unused mobileMenuRef in MobileMenu.svelte * chore: enforce .ts across dashboard * rename from classroomio-com to website * stage-3: Replace carbon icon svelte with lucide icon * update lock file * chore: finish icon replacement * fix: settings and setup page multiple rerender * stage 3: More icon and rerendering fixes * feat: setup drizzle and better auth * fix: onboarding validation error showing translation key #586 (#593) * fix: onboarding validation error showing translation key #586 * fix: remove debug log for profile update errors * chore: add a clean command * fix: remove message from email verification response
2025-11-01 15:49:29 +01:00
parent 97fb446df5
commit b96d91cd7c
801 changed files with 22279 additions and 10834 deletions
@@ -0,0 +1,48 @@
+<script>
+  import Chip from '$lib/Chip/Chip.svelte';
+  import { formatDate } from '$lib/utils/formatDate';
+
+  export let post;
+  export let isRecommended = false;
+</script>
+
+{#if !isRecommended}
+  <div class="mb-5 flex md:flex-row flex-col md:items-center gap-2">
+    <!-- Date -->
+    <p class="text-sm text-slate-500">{formatDate(post.date)}</p>
+
+    <!-- Tags  -->
+    <div class="flex flex-col">
+      <div class="flex flex-wrap gap-2">
+        {#each post.tags as tag}
+          <Chip label={tag} />
+        {/each}
+      </div>
+    </div>
+  </div>
+{/if}
+
+<a href="/blog/{post.slug}" class="group">
+  <img
+    loading="lazy"
+    src={post.imageUrl}
+    alt={post.title}
+    class="w-70 h-48 object-cover rounded-md"
+  />
+  <p
+    class="font-bold text-lg py-2 {isRecommended &&
+      'h-[60px]'} line-clamp-2 group-hover:text-slate-500"
+  >
+    {@html post.title}
+  </p>
+
+  <p class="text-slate-500 pt-2 mb-4 line-clamp-3">{post.description}</p>
+</a>
+
+<div class="flex items-center justify-start gap-4 my-2">
+  <img loading="lazy" src={post.avatar} alt="avatar" class="w-10 h-10 rounded-full" />
+  <span>
+    <p class="font-semibold">{post.author}</p>
+    <p class="text-slate-500">{post.role}</p>
+  </span>
+</div>