From 450d82e395f3b13a12c538fadc1c3084321fb5b5 Mon Sep 17 00:00:00 2001
From: Chau Tran <nartc7789@gmail.com>
Date: Mon, 18 Sep 2023 08:09:42 -0500
Subject: [PATCH] docs: adjust track by doc

---
 docs/src/content/docs/utilities/trackby-id-prop.md | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/docs/src/content/docs/utilities/trackby-id-prop.md b/docs/src/content/docs/utilities/trackby-id-prop.md
index 8c2b9172..69d2e203 100644
--- a/docs/src/content/docs/utilities/trackby-id-prop.md
+++ b/docs/src/content/docs/utilities/trackby-id-prop.md
@@ -11,10 +11,6 @@ import { TRACK_BY_DIRECTIVES } from 'ngxtension/trackby-id-prop';
 import { TrackById, TrackByProp } from 'ngxtension/trackby-id-prop';
 ```
 
-```
-
-```
-
 ## Usage
 
 If the items that you iterate with ngFor has an `id` prop (**case-sentitive**!) than you can simple use `trackById` otherwise you can specify the field to be used to track your items using the other directive: `trackByProp:'PROP_NAME'`
@@ -29,14 +25,14 @@ import { TRACK_BY_DIRECTIVES } from 'ngxtension/trackby-id-prop';
 	standalone: true,
 	imports: [TRACK_BY_DIRECTIVES, CommonModule],
 	template: `
+		<!--                          👇 -->
 		<ul *ngFor="let item of arr; trackById">
-			// 👈
 			<li>{{ item.name }}</li>
 		</ul>
 		<p *ngFor="let item of arr; trackByProp: 'name'">// 👈 {{ item.name }} @{{ item.id }}</p>
 
+		<!--                          👇 -->
 		<div *ngFor="let item of arr; trackByProp: 'other'">
-			// 👈
 			<!-- THIS WILL FAIL AND ERROR IF PROP 'other' DOESN'T EXIST IN arr ITEMS -->
 			{{ item | json }}
 		</div>