ulivargas/classroomio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

migrate web to svelte 5

Browse Source
This commit is contained in:
Rotimi Best
2025-12-25 05:37:21 +00:00
parent 50d6ee3111
commit 334c67f22a
63 changed files with 621 additions and 479 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/website/src/lib/features/tools/tic-tac-toe/winning-line.svelte
+15 -7
View File
@@ -1,6 +1,12 @@
<script lang="ts">
import { run } from 'svelte/legacy';
import { fade } from 'svelte/transition';
export let winner: Winner | null = null;
interface Props {
winner?: Winner | null;
}
let { winner = null }: Props = $props();
interface Winner {
direction: 'horizontal' | 'vertical' | 'diagonal';
@@ -9,13 +15,15 @@
diagonal?: 'top-left-to-bottom-right' | 'top-right-to-bottom-left';
}
$: if (winner) {
if (winner.direction === 'vertical' && winner.column !== undefined) {
document.documentElement.style.setProperty('--col-index', winner.column.toString());
} else if (winner.direction === 'horizontal' && winner.row !== undefined) {
document.documentElement.style.setProperty('--row-index', winner.row.toString());
run(() => {
if (winner) {
if (winner.direction === 'vertical' && winner.column !== undefined) {
document.documentElement.style.setProperty('--col-index', winner.column.toString());
} else if (winner.direction === 'horizontal' && winner.row !== undefined) {
document.documentElement.style.setProperty('--row-index', winner.row.toString());
}
}
}
});
</script>
{#if winner}