style(board): correct svelte lint warnings

Author: nikku

packages/board/src/BoardFilter.svelte

@@ -370,7 +370,7 @@
 
   {#if focussed && value && match}
     <div class="help-dropdown">
-      {#each match.categories as category, idx}
+      {#each match.categories as category, idx (category)}
         {#if idx > 0}
         <hr />
         {/if}

packages/board/src/Card.svelte

@@ -179,13 +179,13 @@
         />
       {/if}
 
-      {#each labels as { name, color }}
+      {#each labels as label (label.name)}
         <Tag
           clazz="tag label"
-          color="#{ color }"
-          name={ name }
-          title={ name }
-          onclick={ handleSelection('label', name) }
+          color="#{ label.color }"
+          name={ label.name }
+          title={ label.name }
+          onclick={ handleSelection('label', label.name) }
         />
       {/each}
 
@@ -200,7 +200,7 @@
 
     {#if shownLinks.length}
       <div class="board-card-links embedded">
-        {#each shownLinks as link}
+        {#each shownLinks as link (link)}
           <CardLink item={ link.target } type={ link.type } ref={ link.ref } onSelect={ onSelect } />
         {/each}
       </div>
@@ -211,7 +211,7 @@
 
   {#if prLinks.length}
     <div class="board-card-links attached">
-      {#each prLinks as link}
+      {#each prLinks as link (link)}
         <CardLink item={ link.target } type={ link.type } ref={ link.ref } onSelect={ onSelect }>
           <CardStatus item={ link.target } />
         </CardLink>

packages/board/src/CardStatus.svelte

@@ -18,7 +18,7 @@
 {#if check_runs.length || statuses.length}
   <div class="card-status">
 
-    {#each check_runs as check_run}
+    {#each check_runs as check_run (check_run)}
       <a
         class="state"
         class:success={ check_run.conclusion === 'success' || check_run.status === 'in_progress' }
@@ -32,7 +32,7 @@
       ><span>{check_run.name} — {check_run_result_map[check_run.conclusion] || check_run_result_map[check_run.status] }</span></a>
     {/each}
 
-    {#each statuses as status}
+    {#each statuses as status (status)}
       <a
         class="state"
         class:success={ status.state === 'success' || status.state === 'pending' }

packages/board/src/CollaboratorLinks.svelte

@@ -81,7 +81,7 @@
   }
 </script>
 
-{#each requested_reviewers as reviewer}
+{#each requested_reviewers as reviewer (reviewer)}
   <a
     class="assignee requested-reviewer"
     title="{ reviewer.login } requested for review"
@@ -94,7 +94,7 @@
   </a>
 {/each}
 
-{#each reviews as review}
+{#each reviews as review (review)}
   <a
     class="assignee reviewer"
     class:approved={ review.state === 'approved' }
@@ -111,7 +111,7 @@
   </a>
 {/each}
 
-{#each assignees as assignee}
+{#each assignees as assignee (assignee.login)}
   <a
     class="assignee"
     title="{ assignee.login } assigned"

packages/board/src/Taskboard.svelte

@@ -827,7 +827,7 @@
 
   <Notifications>
     {#if !error}
-      {#each warnings as warning}
+      {#each warnings as warning (warning)}
         <Notification type="warning" message="{ warning.action } failed">
           Could not reach the board back-end. <a href>Reload board.</a>
         </Notification>
@@ -863,7 +863,7 @@
           value={ filter }
           completionOptions={ filterOptions }
           onChange={ filterChanged }
-          placeholder={ 'Filter board...' }
+          placeholder="Filter board..."
         />
       </form>
 
@@ -894,7 +894,7 @@
   <main class="taskboard-board scroll-container-h">
 
     {#if !error}
-      {#each columns as column }
+      {#each columns as column(column.name)}
         <div class="taskboard-column" class:collapsed={ collapsed[column.name] }>
           <div class="taskboard-column-header">
             <button

packages/board/src/components/HintList.svelte

@@ -49,7 +49,7 @@
         onmousedown={ (e) => handleMousedown(e, hint) }
         onclick={ (e) => e.preventDefault() || handleMousedown(e, hint) }
         href
-      >{#each hint.parts as part}<span class:matched={ part.matched }>{ part.text }</span>{/each}</a>
+      >{#each hint.parts as part (part.text)}<span class:matched={ part.matched }>{ part.text }</span>{/each}</a>
     </li>
   {/each}
 </ul>