add unused imports rule

Author: KevinVandy

eslint.config.js

@@ -2,18 +2,23 @@
 
 // @ts-ignore Needed due to moduleResolution Node vs Bundler
 import { tanstackConfig } from '@tanstack/config/eslint'
+import unusedImports from 'eslint-plugin-unused-imports'
 
 export default [
   ...tanstackConfig,
   {
     name: 'tanstack/temp',
+    plugins: {
+      'unused-imports': unusedImports,
+    },
     rules: {
       'no-case-declarations': 'off',
       'no-shadow': 'off',
       '@typescript-eslint/naming-convention': 'off',
       '@typescript-eslint/no-empty-function': 'off',
       '@typescript-eslint/no-unnecessary-condition': 'warn',
       '@typescript-eslint/no-unsafe-function-type': 'off',
+      'unused-imports/no-unused-imports': 'warn',
     },
   },
 ]

examples/angular/column-pinning-sticky/src/app/app.component.ts

@@ -1,5 +1,4 @@
 import {
-  ChangeDetectionStrategy,
   Component,
   computed,
   signal,

examples/angular/filters/src/app/app.component.ts

@@ -86,7 +86,7 @@ export class AppComponent {
         : this.columnFilters.set(updater)
     },
     getCoreRowModel: createCoreRowModel(),
-    getFilteredRowModel: createFilteredRowModel(), //client-side filtering
+    getFilteredRowModel: createFilteredRowModel(), // client-side filtering
     getSortedRowModel: createSortedRowModel(),
     getPaginatedRowModel: createPaginatedRowModel(),
     getFacetedRowModel: createFacetedRowModel(), // client-side faceting

examples/angular/filters/src/app/table-filter.component.ts

@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common'
-import { Component, OnInit, computed, input } from '@angular/core'
+import { Component, computed, input } from '@angular/core'
 import { DebouncedInputDirective } from './debounced-input.directive'
 import type {
   CellData,
@@ -10,7 +10,7 @@ import type {
 } from '@tanstack/angular-table'
 
 declare module '@tanstack/angular-table' {
-  //allows us to define custom properties for our columns
+  // allows us to define custom properties for our columns
   interface ColumnMeta<
     TFeatures extends TableFeatures,
     TFns extends Fns<TFeatures, TFns, TData>,

examples/angular/row-selection-signal/src/app/selection-column.component.ts

@@ -23,8 +23,8 @@ export class TableHeadSelectionComponent<T> {
   // You can define and use the table field, which is defined in HeaderContext.
   // Please take note that only signal based input is supported.
 
-  //column = input.required<Column<T, unknown>>()
-  //header = input.required<Header<T, unknown>>()
+  // column = input.required<Column<T, unknown>>()
+  // header = input.required<Header<T, unknown>>()
   table = input.required<Table<T>>()
 }
 

examples/lit/column-sizing/src/main.ts

@@ -41,7 +41,7 @@ const columns: Array<ColumnDef<any, Person>> = [
   {
     accessorKey: 'rank',
     header: 'Rank',
-    invertSorting: true, //invert the sorting order (golf score-like where smaller is better)
+    invertSorting: true, // invert the sorting order (golf score-like where smaller is better)
   },
   {
     accessorKey: 'createdAt',

examples/lit/filters/src/main.ts

@@ -68,7 +68,7 @@ const columns: Array<ColumnDef<any, Person>> = [
 ]
 
 declare module '@tanstack/lit-table' {
-  //allows us to define custom properties for our columns
+  // allows us to define custom properties for our columns
   interface ColumnMeta<
     TFeatures extends TableFeatures,
     TFns extends Fns<TFeatures, TFns, TData>,
@@ -164,7 +164,7 @@ class LitTableExample extends LitElement {
         }
       },
       getCoreRowModel: createCoreRowModel(),
-      getFilteredRowModel: createFilteredRowModel(), //client side filtering
+      getFilteredRowModel: createFilteredRowModel(), // client side filtering
       getSortedRowModel: createSortedRowModel(),
       getPaginatedRowModel: createPaginatedRowModel(),
       debugTable: true,

examples/lit/row-selection/src/main.ts

@@ -1,4 +1,4 @@
-import { customElement, property, state } from 'lit/decorators.js'
+import { customElement, state } from 'lit/decorators.js'
 import { LitElement, html } from 'lit'
 import { repeat } from 'lit/directives/repeat.js'
 import {

examples/lit/sorting/src/main.ts

@@ -22,30 +22,30 @@ const columns: Array<ColumnDef<any, Person>> = [
   {
     accessorKey: 'firstName',
     cell: (info) => info.getValue(),
-    //this column will sort in ascending order by default since it is a string column
+    // this column will sort in ascending order by default since it is a string column
   },
   {
     accessorFn: (row) => row.lastName,
     id: 'lastName',
     cell: (info) => info.getValue(),
     header: () => html`<span>Last Name</span>`,
-    sortUndefined: 'last', //force undefined values to the end
-    sortDescFirst: false, //first sort order will be ascending (nullable values can mess up auto detection of sort order)
+    sortUndefined: 'last', // force undefined values to the end
+    sortDescFirst: false, // first sort order will be ascending (nullable values can mess up auto detection of sort order)
   },
   {
     accessorKey: 'age',
     header: () => 'Age',
-    //this column will sort in descending order by default since it is a number column
+    // this column will sort in descending order by default since it is a number column
   },
   {
     accessorKey: 'visits',
     header: () => html`<span>Visits</span>`,
-    sortUndefined: 'last', //force undefined values to the end
+    sortUndefined: 'last', // force undefined values to the end
   },
   {
     accessorKey: 'status',
     header: 'Status',
-    sortingFn: sortStatusFn, //use our custom sorting function for this enum column
+    sortingFn: sortStatusFn, // use our custom sorting function for this enum column
   },
   {
     accessorKey: 'progress',
@@ -55,7 +55,7 @@ const columns: Array<ColumnDef<any, Person>> = [
   {
     accessorKey: 'rank',
     header: 'Rank',
-    invertSorting: true, //invert the sorting order (golf score-like where smaller is better)
+    invertSorting: true, // invert the sorting order (golf score-like where smaller is better)
   },
   {
     accessorKey: 'createdAt',

examples/lit/virtualized-rows/src/main.ts

@@ -92,9 +92,9 @@ class LitTableExample extends LitElement {
           class="container"
           ${ref(this.tableContainerRef)}
           style="${styleMap({
-            overflow: 'auto', //our scrollable table container
-            position: 'relative', //needed for sticky header
-            height: '800px', //should be a fixed height
+            overflow: 'auto', // our scrollable table container
+            position: 'relative', // needed for sticky header
+            height: '800px', // should be a fixed height
           })}"
         >
           <table style="display: grid">
@@ -139,8 +139,8 @@ class LitTableExample extends LitElement {
             <tbody
               style=${styleMap({
                 display: 'grid',
-                height: `${virtualizer.getTotalSize()}px`, //tells scrollbar how big the table is
-                position: 'relative', //needed for absolute positioning of rows
+                height: `${virtualizer.getTotalSize()}px`, // tells scrollbar how big the table is
+                position: 'relative', // needed for absolute positioning of rows
               })}
             >
               ${repeat(