doc: update readme

bryanmylee · May 26, 2022 · 3816b45 · 3816b45
1 parent c20abdb
commit 3816b45
Showing 1 changed file with 47 additions and 46 deletions.
diff --git a/README.md b/README.md
@@ -64,57 +64,58 @@ Svelte Headless Table comes with a stable plugin system that allows you to trans
 
 ## Examples
 
+<!-- prettier-ignore -->
 ```svelte
 <script>
-	const data = readable([
-		{ name: 'Ada Lovelace', age: 21 },
-		{ name: 'Barbara Liskov', age: 52 },
-		{ name: 'Richard Hamming', age: 38 },
-	]);
-
-	const table = createTable(data);
-
-	const columns = table.createColumns([
-		table.column({
-			header: 'Name',
-			accessor: 'name',
-		}),
-		table.column({
-			header: 'Age',
-			accessor: 'age',
-		}),
-	]);
-
-	const { headerRows, rows } = table.createViewModel(columns);
+  const data = readable([
+    { name: 'Ada Lovelace', age: 21 },
+    { name: 'Barbara Liskov', age: 52 },
+    { name: 'Richard Hamming', age: 38 },
+  ]);
+
+  const table = createTable(data);
+
+  const columns = table.createColumns([
+    table.column({
+      header: 'Name',
+      accessor: 'name',
+    }),
+    table.column({
+      header: 'Age',
+      accessor: 'age',
+    }),
+  ]);
+
+  const { headerRows, rows } = table.createViewModel(columns);
 </script>
 
 <table>
-	<thead>
-		{#each $headerRows as headerRow (headerRow.id)}
-			<tr>
-				{#each headerRow.cells as cell (cell.id)}
-					<Subscribe attrs={cell.attrs()} let:attrs>
-						<th {...attrs}>
-							<Render of={cell.render()} />
-						</th>
-					</Subscribe>
-				{/each}
-			</tr>
-		{/each}
-	</thead>
-	<tbody>
-		{#each $rows as row (row.id)}
-			<tr>
-				{#each row.cells as cell (cell.id)}
-					<Subscribe attrs={cell.attrs()} let:attrs>
-						<td {...attrs}>
-							<Render of={cell.render()} />
-						</td>
-					</Subscribe>
-				{/each}
-			</tr>
-		{/each}
-	</tbody>
+  <thead>
+    {#each $headerRows as headerRow (headerRow.id)}
+      <tr>
+        {#each headerRow.cells as cell (cell.id)}
+          <Subscribe attrs={cell.attrs()} let:attrs>
+            <th {...attrs}>
+              <Render of={cell.render()} />
+            </th>
+          </Subscribe>
+        {/each}
+      </tr>
+    {/each}
+  </thead>
+  <tbody>
+    {#each $rows as row (row.id)}
+      <tr>
+        {#each row.cells as cell (cell.id)}
+          <Subscribe attrs={cell.attrs()} let:attrs>
+            <td {...attrs}>
+              <Render of={cell.render()} />
+            </td>
+          </Subscribe>
+        {/each}
+      </tr>
+    {/each}
+  </tbody>
 </table>
 ```