next: upgraded eslint-plugin-svelte and resolved all lint errors

Author: niemyjski

src/Exceptionless.Web/ClientApp/eslint.config.js

@@ -25,7 +25,7 @@ export default ts.config(
         }
     },
     {
-        files: ['**/*.svelte'],
+        files: ['**/*.svelte', '**/*.svelte.ts'],
         languageOptions: {
             parserOptions: {
                 parser: ts.parser

src/Exceptionless.Web/ClientApp/package-lock.json

@@ -51,7 +51,7 @@
         "eslint": "^9.21.0",
         "eslint-config-prettier": "^10.0.2",
         "eslint-plugin-perfectionist": "^4.9.0",
-        "eslint-plugin-svelte": "^2.46.1",
+        "eslint-plugin-svelte": "^3.0.2",
         "jsdom": "^26.0.0",
         "prettier": "^3.5.2",
         "prettier-plugin-svelte": "^3.3.3",
@@ -92,4 +92,4 @@
         "throttle-debounce": "^5.0.2"
     },
     "type": "module"
-}
+}

src/Exceptionless.Web/ClientApp/package.json

@@ -16,7 +16,5 @@
 </script>
 
 <A class={cn('cursor-pointer', className)} onclick={() => changed(new BooleanFilter(term, value))} {title} {...props}>
-    {#snippet children()}
-        <Filter class="text-muted-foreground text-opacity-50 hover:text-primary size-5" />
-    {/snippet}
+    <Filter class="text-muted-foreground text-opacity-50 hover:text-primary size-5" />
 </A>

src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/boolean-faceted-filter-trigger.svelte

@@ -16,7 +16,5 @@
 </script>
 
 <A class={cn('cursor-pointer', className)} onclick={() => changed(new DateFilter(term, value))} {title} {...props}>
-    {#snippet children()}
-        <Filter class="text-muted-foreground text-opacity-50 hover:text-primary size-5" />
-    {/snippet}
+    <Filter class="text-muted-foreground text-opacity-50 hover:text-primary size-5" />
 </A>

src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/date-faceted-filter-trigger.svelte

@@ -15,7 +15,5 @@
 </script>
 
 <A class={cn('cursor-pointer', className)} onclick={() => changed(new LevelFilter(value))} {title} {...props}>
-    {#snippet children()}
-        <Filter class="text-muted-foreground text-opacity-50 hover:text-primary size-5" />
-    {/snippet}
+    <Filter class="text-muted-foreground text-opacity-50 hover:text-primary size-5" />
 </A>

src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/level-faceted-filter-trigger.svelte

@@ -16,7 +16,5 @@
 </script>
 
 <A class={cn('cursor-pointer', className)} onclick={() => changed(new NumberFilter(term, value))} {title} {...props}>
-    {#snippet children()}
-        <Filter class="text-muted-foreground text-opacity-50 hover:text-primary size-5" />
-    {/snippet}
+    <Filter class="text-muted-foreground text-opacity-50 hover:text-primary size-5" />
 </A>

src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/number-faceted-filter-trigger.svelte

@@ -73,21 +73,21 @@
 <FacetedFilter.KeywordBuilder priority={15} />
 <FacetedFilter.LevelBuilder priority={50} />
 
-{#each eventsBooleanFilters as { priority, term, title }}
+{#each eventsBooleanFilters as { priority, term, title } (term)}
     <FacetedFilter.BooleanBuilder {priority} {term} {title} />
 {/each}
 
 {#if includeDateFacets}
-    {#each eventsDateFilters as { priority, term, title }}
+    {#each eventsDateFilters as { priority, term, title } (term)}
         <FacetedFilter.DateBuilder {priority} {term} {title} />
     {/each}
 {/if}
 
-{#each eventsGeoFilters as { priority, term, title }}
+{#each eventsGeoFilters as { priority, term, title } (term)}
     <FacetedFilter.StringBuilder {priority} {term} {title} />
 {/each}
 
-{#each eventsNumberFilters as { priority, term, title }}
+{#each eventsNumberFilters as { priority, term, title } (term)}
     <FacetedFilter.NumberBuilder {priority} {term} {title} />
 {/each}
 
@@ -96,13 +96,13 @@
 <FacetedFilter.SessionBuilder />
 <FacetedFilter.StatusBuilder priority={50} />
 
-{#each eventsStringFilters as { priority, term, title }}
+{#each eventsStringFilters as { priority, term, title } (term)}
     <FacetedFilter.StringBuilder {priority} {term} {title} />
 {/each}
 
 <FacetedFilter.TagBuilder priority={70} />
 <FacetedFilter.TypeBuilder priority={50} />
 
-{#each eventsVersionFilters as { priority, term, title }}
+{#each eventsVersionFilters as { priority, term, title } (term)}
     <FacetedFilter.VersionBuilder {priority} {term} {title} />
 {/each}

src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/organization-defaults-faceted-filter-builder.svelte

@@ -14,7 +14,5 @@
 </script>
 
 <A class={cn('cursor-pointer', className)} onclick={() => changed(new ProjectFilter(value))} {title} {...props}>
-    {#snippet children()}
-        <Filter class="text-muted-foreground text-opacity-50 hover:text-primary size-5" />
-    {/snippet}
+    <Filter class="text-muted-foreground text-opacity-50 hover:text-primary size-5" />
 </A>

src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/project-faceted-filter-trigger.svelte

@@ -15,7 +15,5 @@
 </script>
 
 <A class={cn('cursor-pointer', className)} onclick={() => changed(new ReferenceFilter(value))} {title} {...props}>
-    {#snippet children()}
-        <Filter class="text-muted-foreground text-opacity-50 hover:text-primary size-5" />
-    {/snippet}
+    <Filter class="text-muted-foreground text-opacity-50 hover:text-primary size-5" />
 </A>