Skip to content

Commit 18eb9b1

Browse files
Merge pull request #843 from Automattic/rules-page-improvements
Rules page improvements
2 parents 2d41b25 + 36ea05b commit 18eb9b1

File tree

1 file changed

+31
-8
lines changed

1 file changed

+31
-8
lines changed
Lines changed: 31 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,46 @@
11
<script module lang="ts">
2-
import { LocalLinter } from 'harper.js';
2+
import { LocalLinter, type LintConfig } from 'harper.js';
3+
import {
4+
Table,
5+
TableBody,
6+
TableBodyCell,
7+
TableBodyRow,
8+
TableHead,
9+
TableHeadCell
10+
} from 'flowbite-svelte';
311
412
export const prerender = true;
513
export const frontmatter = {
614
title: 'Rules'
715
};
816
9-
let info: Record<string, string> = $state({});
17+
let descriptions: Record<string, string> = $state({});
18+
let default_config: LintConfig = $state({});
1019
1120
let linter = new LocalLinter();
1221
linter.getLintDescriptions().then(async (v) => {
13-
info = v;
14-
console.log(v);
22+
descriptions = v;
23+
});
24+
linter.getDefaultLintConfig().then(async (v) => {
25+
default_config = v;
1526
});
1627
</script>
1728

1829
<p>This page is an incomplete list of the various grammatical rules Harper checks for.</p>
1930

20-
{#each Object.entries(info) as [name, description]}
21-
<h2>{name}</h2>
22-
<p>{description}</p>
23-
{/each}
31+
<Table>
32+
<TableHead>
33+
<TableHeadCell>Name</TableHeadCell>
34+
<TableHeadCell>Enabled by Default</TableHeadCell>
35+
<TableHeadCell>Description</TableHeadCell>
36+
</TableHead>
37+
<TableBody>
38+
{#each Object.entries(descriptions) as [name, description]}
39+
<TableBodyRow>
40+
<TableBodyCell>{name}</TableBodyCell>
41+
<TableBodyCell>{default_config[name] ? '✔️' : ''}</TableBodyCell>
42+
<TableBodyCell tdClass="px-6 py-4 font-medium">{description}</TableBodyCell>
43+
</TableBodyRow>
44+
{/each}
45+
</TableBody>
46+
</Table>

0 commit comments

Comments
 (0)