refactor(ts/color): improve code style and change name of some variables for more clarity

layouts/partials/article-list/tile.html

@@ -5,7 +5,7 @@
         {{- $thumbnail :=  $image.Fill .size -}}
         <div class="article-image">
             <img src="{{ $thumbnail.RelPermalink }}" width="{{ $thumbnail.Width }}" height="{{ $thumbnail.Height }}"
-                loading="lazy" data-id="{{ .context.Slug }}" data-key="{{ $image.Data.Integrity }}">
+                loading="lazy" data-key="{{ .context.Slug }}" data-hash="{{ $image.Data.Integrity }}">
         </div>
         {{ end }}
 

layouts/partials/article/components/details.html

@@ -9,7 +9,7 @@
                 {{- $image := partial "helper/image" $context | resources.Fingerprint "md5"  -}}
                 {{- $20x := $image.Fill "20x20 smart"  -}}
                 <a href="/categories/{{ . | urlize }}" class="color-tag"
-                    data-image="{{ $20x.RelPermalink }}" data-id="{{ $context.Slug }}" data-key="{{ $image.Data.Integrity }}">{{ . | humanize }}</a>
+                    data-image="{{ $20x.RelPermalink }}" data-key="{{ $context.Slug }}" data-hash="{{ $image.Data.Integrity }}">{{ . | humanize }}</a>
             {{ else }}
                 <a href="/categories/{{ . | urlize }}">{{ . | humanize }}</a>
             {{ end }}