diff --git a/.github/workflows/demo-build.yml b/.github/workflows/demo-build.yml
index cd46f8f2fb8..cc40a89581d 100644
--- a/.github/workflows/demo-build.yml
+++ b/.github/workflows/demo-build.yml
@@ -115,7 +115,7 @@ jobs:
               with:
                   name: 'tsbadge'
                   icon: typescript
-                  label: 'TS Errors'
+                  label: 'Errors'
                   status: ${{ steps.pr-checks.outputs.ts-errors }}
                   color: blue
                   github_token: ${{ secrets.GITHUB_TOKEN }}
@@ -126,7 +126,7 @@ jobs:
               with:
                   name: 'lintbadge'
                   icon: codecov
-                  label: 'Lint'
+                  label: 'Status'
                   status: 'Errors: ${{ steps.pr-checks.outputs.lint-errors }}, Warnings: ${{ steps.pr-checks.outputs.lint-warnings }}'
                   color: purple
                   github_token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/demo-pr-links.yml b/.github/workflows/demo-pr-links.yml
index 8e780632a3c..728d70f3e7c 100644
--- a/.github/workflows/demo-pr-links.yml
+++ b/.github/workflows/demo-pr-links.yml
@@ -24,4 +24,4 @@ jobs:
                       Catalogue: https://${{github.event.pull_request.head.repo.owner.login}}.github.io/ramp4-pcar4/${{github.head_ref}}/demos/index-all.html
                       Samples: https://${{github.event.pull_request.head.repo.owner.login}}.github.io/ramp4-pcar4/${{github.head_ref}}/demos/index-samples.html
 
-                      ![](https://byob.yarr.is/ramp4-pcar4/ramp4-pcar4/tsbadge-${{github.head_ref}}) ![](https://byob.yarr.is/ramp4-pcar4/ramp4-pcar4/lintbadge-${{github.head_ref}})
+                      ![](https://byob.yarr.is/ramp4-pcar4/ramp4-pcar4/tsbadge-${{ github.event.pull_request.head.repo.owner.login }}-${{ github.head_ref }}) ![](https://byob.yarr.is/ramp4-pcar4/ramp4-pcar4/lintbadge-${{ github.event.pull_request.head.repo.owner.login }}-${{ github.head_ref }})
diff --git a/.github/workflows/pr-checks.yml b/.github/workflows/pr-checks.yml
index 037cac338bf..16612a0bb65 100644
--- a/.github/workflows/pr-checks.yml
+++ b/.github/workflows/pr-checks.yml
@@ -1,5 +1,5 @@
 on:
-    pull_request:
+    pull_request_target:
         types: [opened, synchronize]
 
 jobs:
@@ -37,9 +37,9 @@ jobs:
               if: always()
               uses: RubbaBoy/BYOB@v1.3.0
               with:
-                  name: 'tsbadge-${{github.head_ref}}'
+                  name: 'tsbadge-${{ github.event.pull_request.head.repo.owner.login }}-${{ github.head_ref }}'
                   icon: typescript
-                  label: 'TS Errors'
+                  label: 'Errors (PR)'
                   status: ${{ steps.pr-checks.outputs.ts-errors }}
                   color: blue
                   github_token: ${{ secrets.GITHUB_TOKEN }}
@@ -48,9 +48,9 @@ jobs:
               if: always()
               uses: RubbaBoy/BYOB@v1.3.0
               with:
-                  name: 'lintbadge-${{github.head_ref}}'
+                  name: 'lintbadge-${{ github.event.pull_request.head.repo.owner.login }}-${{ github.head_ref }}'
                   icon: codecov
-                  label: 'Lint'
+                  label: 'Status (PR)'
                   status: 'Errors: ${{ steps.pr-checks.outputs.lint-errors }}, Warnings: ${{ steps.pr-checks.outputs.lint-warnings }}'
                   color: purple
                   github_token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/demos/enhanced-scripts/000-template.js b/demos/enhanced-scripts/000-template.js
index 3de8fdfc723..f304714bd84 100644
--- a/demos/enhanced-scripts/000-template.js
+++ b/demos/enhanced-scripts/000-template.js
@@ -33,14 +33,18 @@ addLegendLang(legendConfig, langKey)
 
 */
 
-const runPreTest = (config, options, utils) => {
+// All available params:
+// const runPreTest = (config, options, utils) => {
+const runPreTest = (config, options) => {
     // Do any config setup & options setup here, if any
 
     return { config, options };
 };
 
-const runPostTest = (instance, utils) => {
-    // Do any test steps on the instantiated instnace, if any
+// All available params:
+// const runPostTest = (instance, utils) => {
+const runPostTest = () => {
+    // Do any test steps on the instantiated instance, if any
 };
 
 export { runPreTest, runPostTest };
diff --git a/demos/enhanced-scripts/001-happy.js b/demos/enhanced-scripts/001-happy.js
index 5bb17001921..5689b4aeafd 100644
--- a/demos/enhanced-scripts/001-happy.js
+++ b/demos/enhanced-scripts/001-happy.js
@@ -18,7 +18,7 @@ const runPreTest = (config, options, utils) => {
     return { config, options };
 };
 
-const runPostTest = (instance, utils) => {
+const runPostTest = () => {
     // Not used in this test
 };
 
diff --git a/demos/enhanced-scripts/002-simple-empty.js b/demos/enhanced-scripts/002-simple-empty.js
index a1968fc5c5b..8731e5ae61c 100644
--- a/demos/enhanced-scripts/002-simple-empty.js
+++ b/demos/enhanced-scripts/002-simple-empty.js
@@ -3,7 +3,7 @@ Test 02: An empty map.
 - Just adds legend text to make it look not broken
 */
 
-const runPreTest = (config, options, utils) => {
+const runPreTest = (config, options) => {
     config.configs.en.fixtures.legend.root.children.push({
         infoType: 'text',
         content: 'I start with no layers'
@@ -17,7 +17,7 @@ const runPreTest = (config, options, utils) => {
     return { config, options };
 };
 
-const runPostTest = (instance, utils) => {
+const runPostTest = () => {
     // Do any test steps on the instantiated instnace, if any
 };
 
diff --git a/demos/enhanced-scripts/003-simple-feature.js b/demos/enhanced-scripts/003-simple-feature.js
index 54bc1e5d4db..5931f82cfc1 100644
--- a/demos/enhanced-scripts/003-simple-feature.js
+++ b/demos/enhanced-scripts/003-simple-feature.js
@@ -22,7 +22,7 @@ const runPreTest = (config, options, utils) => {
     return { config, options };
 };
 
-const runPostTest = (instance, utils) => {
+const runPostTest = () => {
     // Not used in this test
 };
 
diff --git a/demos/enhanced-scripts/004-simple-mil.js b/demos/enhanced-scripts/004-simple-mil.js
index 530c3472a88..7eec4a6447c 100644
--- a/demos/enhanced-scripts/004-simple-mil.js
+++ b/demos/enhanced-scripts/004-simple-mil.js
@@ -25,7 +25,7 @@ const runPreTest = (config, options, utils) => {
     return { config, options };
 };
 
-const runPostTest = (instance, utils) => {
+const runPostTest = () => {
     // Not used in this test
 };
 
diff --git a/demos/enhanced-scripts/005-simple-file.js b/demos/enhanced-scripts/005-simple-file.js
index ecb35b7a690..e90889f66a9 100644
--- a/demos/enhanced-scripts/005-simple-file.js
+++ b/demos/enhanced-scripts/005-simple-file.js
@@ -56,7 +56,7 @@ const runPreTest = (config, options, utils) => {
     return { config, options };
 };
 
-const runPostTest = (instance, utils) => {
+const runPostTest = () => {
     // Not used in this test
 };
 
diff --git a/demos/enhanced-scripts/006-simple-data.js b/demos/enhanced-scripts/006-simple-data.js
index 51d432cc43e..a6d75cab539 100644
--- a/demos/enhanced-scripts/006-simple-data.js
+++ b/demos/enhanced-scripts/006-simple-data.js
@@ -32,7 +32,7 @@ const runPreTest = (config, options, utils) => {
     return { config, options };
 };
 
-const runPostTest = (instance, utils) => {
+const runPostTest = instance => {
     instance.$element.component('Tasty-Template', {
         props: ['identifyData'],
         template: `
diff --git a/demos/enhanced-scripts/007-main-classic.js b/demos/enhanced-scripts/007-main-classic.js
index fcc4cfa69f9..a3b7de1ee0f 100644
--- a/demos/enhanced-scripts/007-main-classic.js
+++ b/demos/enhanced-scripts/007-main-classic.js
@@ -200,7 +200,7 @@ const runPreTest = (config, options, utils) => {
     return { config, options };
 };
 
-const runPostTest = (instance, utils) => {
+const runPostTest = instance => {
     // template with our friend Rick.
     instance.$element.component('WFSLayer-Custom', {
         props: ['identifyData'],
diff --git a/demos/enhanced-scripts/008-projection-party.js b/demos/enhanced-scripts/008-projection-party.js
index 012059646bd..61fa1f1f7c3 100644
--- a/demos/enhanced-scripts/008-projection-party.js
+++ b/demos/enhanced-scripts/008-projection-party.js
@@ -71,7 +71,7 @@ const runPreTest = (config, options, utils) => {
     return { config, options };
 };
 
-const runPostTest = (instance, utils) => {
+const runPostTest = () => {
     // Not used in this test
 };
 
diff --git a/demos/enhanced-scripts/009-custom-panels.js b/demos/enhanced-scripts/009-custom-panels.js
index a9661715ab7..6bbcff7c6dd 100644
--- a/demos/enhanced-scripts/009-custom-panels.js
+++ b/demos/enhanced-scripts/009-custom-panels.js
@@ -20,7 +20,7 @@ const runPreTest = (config, options, utils) => {
     return { config, options };
 };
 
-const runPostTest = (instance, utils) => {
+const runPostTest = instance => {
     instance.fixture.isLoaded('basemap').then(() => {
         const bm = instance.fixture.get('basemap');
         bm.persist = false;
diff --git a/demos/enhanced-scripts/010-identify-priority.js b/demos/enhanced-scripts/010-identify-priority.js
index d692bf3e958..c16272098a1 100644
--- a/demos/enhanced-scripts/010-identify-priority.js
+++ b/demos/enhanced-scripts/010-identify-priority.js
@@ -69,7 +69,7 @@ const runPreTest = (config, options, utils) => {
     return { config, options };
 };
 
-const runPostTest = (instance, utils) => {
+const runPostTest = () => {
     // Nothing for this test
 };
 
diff --git a/demos/qa-scripts/001-simple-empty.js b/demos/qa-scripts/001-simple-empty.js
index 3cd4cdc9a07..663392d908a 100644
--- a/demos/qa-scripts/001-simple-empty.js
+++ b/demos/qa-scripts/001-simple-empty.js
@@ -5,7 +5,7 @@ Test 01: An empty map.
 QA TEST SCRIPT. Don't modify without chatting with QA first.
 */
 
-const runPreTest = (config, options, utils) => {
+const runPreTest = (config, options) => {
     config.configs.en.fixtures.legend.root.children.push({
         infoType: 'text',
         content: 'I start with no layers'
@@ -19,7 +19,7 @@ const runPreTest = (config, options, utils) => {
     return { config, options };
 };
 
-const runPostTest = (instance, utils) => {
+const runPostTest = () => {
     // Do any test steps on the instantiated instnace, if any
 };
 
diff --git a/demos/qa-scripts/002-custom-renderer.js b/demos/qa-scripts/002-custom-renderer.js
index 8dab40fcaf3..7a50f2ea2f2 100644
--- a/demos/qa-scripts/002-custom-renderer.js
+++ b/demos/qa-scripts/002-custom-renderer.js
@@ -561,7 +561,7 @@ const runPreTest = (config, options, utils) => {
     return { config, options };
 };
 
-const runPostTest = (instance, utils) => {
+const runPostTest = () => {
     // Not used in this test
 };
 
diff --git a/demos/starter-scripts/sample-fixtures/diligord/diligord-fixture.js b/demos/starter-scripts/sample-fixtures/diligord/diligord-fixture.js
index c7b1b51bdc3..0a7fe4cf8c0 100644
--- a/demos/starter-scripts/sample-fixtures/diligord/diligord-fixture.js
+++ b/demos/starter-scripts/sample-fixtures/diligord/diligord-fixture.js
@@ -7,9 +7,6 @@ import { h, markRaw, resolveComponent } from 'vue';
 export class DiligordFixture {
     added() {
         // `this.id` and `this.$iApi` and `this.$vApp` are automatically made available on this object
-        this.id;
-        this.$iApi;
-        this.$vApp;
 
         // Diligord Fixture creates a simple panel with a single screen with two header controls (pin and close),
         // and increment button and an input field (bound to the panel title) in the content slot
diff --git a/demos/starter-scripts/sample-fixtures/funtimes/screen.vue b/demos/starter-scripts/sample-fixtures/funtimes/screen.vue
index 6a1c813d6eb..194a1dcafee 100644
--- a/demos/starter-scripts/sample-fixtures/funtimes/screen.vue
+++ b/demos/starter-scripts/sample-fixtures/funtimes/screen.vue
@@ -2,7 +2,7 @@
     <panel-screen :panel="panel">
         <template #header>
             {{
-                //@ts-ignore
+                //@ts-expect-error
                 $iApi.$i18n.t('funtimes')
             }}
         </template>
@@ -10,7 +10,7 @@
         <template #content>
             <p>
                 {{
-                    //@ts-ignore
+                    //@ts-expect-error
                     $iApi.$i18n.t('funtimes.info')
                 }}
             </p>
diff --git a/eslint.config.js b/eslint.config.js
index b746e23ff94..e482bf62bb5 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -10,7 +10,7 @@ export default [
     },
     {
         name: 'app/files-to-ignore',
-        ignores: ['**/dist/**']
+        ignores: ['**/dist/**', '**/tests/**', '**/*.d.ts']
     },
     {
         rules: {
@@ -28,5 +28,12 @@ export default [
             'cypress/support/**/*.{js,ts,jsx,tsx}'
         ]
     },
+    {
+        rules: {
+            '@typescript-eslint/no-explicit-any': 'off',
+            '@typescript-eslint/no-this-alias': 'off',
+            'vue/multi-word-component-names': 'off'
+        }
+    },
     skipFormatting
 ];
diff --git a/postcss.config.cjs b/postcss.config.cjs
deleted file mode 100644
index 5cbabdd2904..00000000000
--- a/postcss.config.cjs
+++ /dev/null
@@ -1,4 +0,0 @@
-/* eslint-env node */
-module.exports = {
-    plugins: [require('postcss-import'), require('postcss-nested'), require('tailwindcss'), require('autoprefixer')]
-};
diff --git a/postcss.config.mjs b/postcss.config.mjs
new file mode 100644
index 00000000000..5674a23421e
--- /dev/null
+++ b/postcss.config.mjs
@@ -0,0 +1,9 @@
+/* eslint-env node */
+import postcssImport from 'postcss-import';
+import postcssNested from 'postcss-nested';
+import tailwindcss from 'tailwindcss';
+import autoprefixer from 'autoprefixer';
+
+export default {
+    plugins: [postcssImport, postcssNested, tailwindcss, autoprefixer]
+};
diff --git a/scripts/vite-plugin-i18n.ts b/scripts/vite-plugin-i18n.ts
index 3585bff74cf..e6373198f10 100644
--- a/scripts/vite-plugin-i18n.ts
+++ b/scripts/vite-plugin-i18n.ts
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 import type { Plugin } from 'vite';
-// @ts-ignore
+// @ts-expect-error
 import { dsvFormat } from 'd3-dsv';
 
 export default function vueI18nPlugin(): Plugin {
diff --git a/scripts/vite-plugin-version.ts b/scripts/vite-plugin-version.ts
index 7d034a02369..604fe2b90b5 100644
--- a/scripts/vite-plugin-version.ts
+++ b/scripts/vite-plugin-version.ts
@@ -11,15 +11,15 @@ export default (): Plugin => {
 
             const [major, minor, patch] = pkg.version.split('.');
 
-            config.define
-                ? (config.define.__RAMP_VERSION__ = {
-                      major,
-                      minor,
-                      patch,
-                      timestamp,
-                      hash
-                  })
-                : null;
+            if (config.define) {
+                config.define.__RAMP_VERSION__ = {
+                    major,
+                    minor,
+                    patch,
+                    timestamp,
+                    hash
+                };
+            }
         }
     };
 };
diff --git a/src/api/config-upgrade.ts b/src/api/config-upgrade.ts
index 5040b86d6aa..0b2bc4f7414 100644
--- a/src/api/config-upgrade.ts
+++ b/src/api/config-upgrade.ts
@@ -868,8 +868,8 @@ function layerCommonPropertiesUpgrader(r2layer: any) {
  * @param r2controls controls array from RAMP2 config
  * @param allowedControls controls supported by RAMP4 config
  */
-function controlsUpgrader(r2controls: String[], allowedControls: String[]) {
-    const r4controls: String[] = [];
+function controlsUpgrader(r2controls: string[], allowedControls: string[]) {
+    const r4controls: string[] = [];
     r2controls.forEach((control: any) => {
         if (allowedControls.includes('identify') && control === 'query') {
             r4controls.push('identify');
@@ -1016,7 +1016,7 @@ function servicesUpgrader(r2Services: any, r4c: any): void {
     }
 
     // If any of these properties get implemented/used in the future, remove them from the warning list and map them appropriately.
-    const unused: String[] = [
+    const unused: string[] = [
         'corsEverywhere',
         'exportMapUrl',
         'geometryUrl',
@@ -1078,7 +1078,7 @@ function uiUpgrader(r2ui: any, r4c: any): void {
     }
 
     if (r2ui.legend) {
-        const headerControls: String[] = ['groupToggle', 'visibilityToggle'];
+        const headerControls: string[] = ['groupToggle', 'visibilityToggle'];
         if (r2ui.legend.reorderable) {
             headerControls.push('layerReorder');
         }
@@ -1224,7 +1224,7 @@ function uiUpgrader(r2ui: any, r4c: any): void {
     }
 
     // If any of these properties get implemented/used in the future, remove them from the warning list and map them appropriately.
-    const unused: String[] = [
+    const unused: string[] = [
         'fullscreen',
         'theme',
         'logoUrl',
diff --git a/src/api/event.ts b/src/api/event.ts
index 5215d117894..c741b2fa796 100644
--- a/src/api/event.ts
+++ b/src/api/event.ts
@@ -381,9 +381,9 @@ enum DefEH {
 class EventHandler {
     eventName: string;
     handlerName: string;
-    handlerFunc: Function;
+    handlerFunc: () => void;
 
-    constructor(eName: string, hName: string, handler: Function) {
+    constructor(eName: string, hName: string, handler: () => void) {
         this.eventName = eName;
         this.handlerName = hName;
         this.handlerFunc = handler;
@@ -483,7 +483,7 @@ export class EventAPI extends APIScope {
      * @returns {string} the handler name
      * @memberof EventAPI
      */
-    on(event: string, callback: Function, handlerName = ''): string {
+    on(event: string, callback: (...args: any[]) => void, handlerName = ''): string {
         // check if name already registered
         if (this.findHandler(handlerName)) {
             // TODO decide if we are replacing, erroring, do nothing + console warn?
@@ -564,14 +564,14 @@ export class EventAPI extends APIScope {
      * @returns {string} the handler name
      * @memberof EventAPI
      */
-    once(event: string, callback: Function, handlerName = ''): string {
+    once(event: string, callback: (args: any[]) => void, handlerName = ''): string {
         // need to do this here and upfront, so we have the name for the unregistration.
         // otherwise we would let the .on() call do its naming thing
         if (!handlerName) {
             handlerName = this.handlerNamer(event);
         }
 
-        const secretCallback = (...args: any[]) => {
+        const secretCallback = (...args: [any]) => {
             // run the original function. unregister our one-time handler
             callback(...args);
             this.off(handlerName);
@@ -627,7 +627,7 @@ export class EventAPI extends APIScope {
      * @private
      */
     private defaultHandlerFactory(handlerName: string): string {
-        let zeHandler: Function;
+        let zeHandler: (payload?: any) => void;
         switch (handlerName) {
             case DefEH.CONFIG_CHANGE_UPDATES_MAP_ATTRIBS:
                 // update any basemap attribution in the map caption when the config changes (likely language switch)
diff --git a/src/api/fixture.ts b/src/api/fixture.ts
index bf8275e839c..7cae1d59846 100644
--- a/src/api/fixture.ts
+++ b/src/api/fixture.ts
@@ -207,7 +207,7 @@ export class FixtureAPI extends APIScope {
         });
         // Now, get all the promises and return
         const proms = fixtureStore.getLoadPromises(idsToCheck);
-        // @ts-ignore I give up, TS is hopeless
+        // @ts-expect-error I give up, TS is hopeless
         return Array.isArray(fixtureId) ? Promise.all(proms) : proms[0];
     }
 
@@ -383,7 +383,12 @@ export class FixtureInstance extends APIScope implements FixtureBase {
         if (app && app._context) {
             vNode.appContext = app._context;
         }
-        el ? render(vNode, el) : render(vNode, (el = document.createElement('div')));
+        if (el) {
+            render(vNode, el);
+        } else {
+            el = document.createElement('div');
+            render(vNode, el);
+        }
 
         const destroy = () => {
             if (el) {
diff --git a/src/api/instance.ts b/src/api/instance.ts
index ddebff89b9b..2c46bfe5088 100644
--- a/src/api/instance.ts
+++ b/src/api/instance.ts
@@ -175,7 +175,6 @@ export class InstanceAPI {
             configStore.registerConfig({
                 config: langConfig,
                 configLangs: Object.keys(langConfigs),
-                // @ts-ignore
                 allLangs: Object.keys(this.$i18n.messages.value)
             });
 
@@ -203,9 +202,9 @@ export class InstanceAPI {
                     // create the map
                     this.geo.map.createMap(langConfig.map, mapViewElement as HTMLDivElement).then(() => {
                         // Hide hovertip on map creation
-                        //@ts-ignore
+                        //@ts-expect-error TODO: explain why this is needed or remove
                         mapViewElement._tippy.hide(0);
-                        //@ts-ignore
+                        //@ts-expect-error TODO: explain why this is needed or remove
                         maptipStore.setMaptipInstance(mapViewElement._tippy);
 
                         if (langConfig.layers && langConfig.layers.length > 0) {
@@ -306,7 +305,7 @@ export class InstanceAPI {
                     '"': '&quot;',
                     "'": '&#039;'
                 };
-                // @ts-ignore
+                // @ts-expect-error TODO: explain why this is needed or remove
                 return content.replace(/[<>"']/g, m => specialChars[m]);
             };
 
@@ -394,7 +393,6 @@ export class InstanceAPI {
         instanceStore.started = false;
 
         // destroy map (calls private destroyMap)
-        // @ts-ignore
         this.geo.map.destroyMap();
 
         // reset the layer store
diff --git a/src/api/panel.ts b/src/api/panel.ts
index 7c2a7e58a3f..d977ef8eed8 100644
--- a/src/api/panel.ts
+++ b/src/api/panel.ts
@@ -155,7 +155,7 @@ export class PanelAPI extends APIScope {
 
         // Wait for all promises
         const proms = this.panelStore.getRegPromises(idsToCheck);
-        // @ts-ignore I give up, TS is hopeless
+        // @ts-expect-error I give up, TS is hopeless
         return Array.isArray(panelId) ? Promise.all(proms) : proms[0];
     }
 
@@ -264,7 +264,6 @@ export class PanelAPI extends APIScope {
      * @memberof PanelAPI
      */
     get opened(): PanelInstance[] {
-        //@ts-ignore
         return this.panelStore.orderedItems.concat(this.panelStore.teleported);
     }
 
@@ -277,7 +276,6 @@ export class PanelAPI extends APIScope {
      * @memberof PanelAPI
      */
     get visible(): PanelInstance[] {
-        //@ts-ignore
         return this.panelStore.visible.concat(this.panelStore.teleported);
     }
 
@@ -389,7 +387,7 @@ export class PanelAPI extends APIScope {
         // use specified toggle value if provided + check if toggle value is possible
         toggle = typeof toggle !== 'undefined' ? toggle : !panel.isVisible;
         if (toggle !== panel.isVisible) {
-            toggle ? this.open(value) : this.close(panel);
+            return toggle ? this.open(value) : this.close(panel);
         }
 
         return panel;
@@ -421,7 +419,7 @@ export class PanelAPI extends APIScope {
         // use specified toggle value if provided + check if toggle value is possible
         toggle = typeof toggle !== 'undefined' ? toggle : !panel.isVisible;
         if (toggle !== panel.isVisible) {
-            toggle ? this.open(panel) : this.minimize(panel);
+            return toggle ? this.open(panel) : this.minimize(panel);
         }
 
         return panel;
@@ -454,7 +452,7 @@ export class PanelAPI extends APIScope {
         }
 
         // NOTE: we store `pinned` in the store as a reference to a panel instance object
-        //@ts-ignore
+        //@ts-expect-error TODO: explain why this is needed or remove
         this.panelStore.pinned = pin ? panel : undefined;
 
         return panel;
@@ -468,7 +466,7 @@ export class PanelAPI extends APIScope {
      * @memberof PanelAPI
      */
     get pinned(): PanelInstance | undefined {
-        //@ts-ignore
+        //@ts-expect-error TODO: explain why this is needed or remove
         return this.panelStore.pinned || undefined;
     }
 
@@ -496,7 +494,7 @@ export class PanelAPI extends APIScope {
         // check if required props are there, or bad things can happen on startup
         // need this here until we figure out how to pass in props, after layer use is normalized
         if (panel.screens[route.screen]?.props) {
-            const propsToCheck = Object.keys(panel.screens[route.screen]?.props).filter((pr: String) => pr !== 'panel');
+            const propsToCheck = Object.keys(panel.screens[route.screen]?.props).filter((pr: string) => pr !== 'panel');
             const propsPassed = route.props ? Object.keys(route.props) : [];
             for (let i = 0; i < propsToCheck.length; i++) {
                 if (
diff --git a/src/components/about-ramp/about-ramp-dropdown.vue b/src/components/about-ramp/about-ramp-dropdown.vue
index 95c4a6a3daa..cc1b987eebb 100644
--- a/src/components/about-ramp/about-ramp-dropdown.vue
+++ b/src/components/about-ramp/about-ramp-dropdown.vue
@@ -99,7 +99,7 @@ const versionHash = computed<string>(() => {
  * Get RAMP build date
  */
 const buildDate = computed<string>(() => {
-    let timestamp = new Date(version.timestamp);
+    const timestamp = new Date(version.timestamp);
     if (isNaN(timestamp as any)) {
         // this appears to be broken in dev serve mode (but not always).
         // likely the vite `git log -1 --format=%cd` command isnt working in that context
diff --git a/src/components/controls/dropdown-menu.vue b/src/components/controls/dropdown-menu.vue
index ce168b8d8a8..3cf55fd3cb8 100644
--- a/src/components/controls/dropdown-menu.vue
+++ b/src/components/controls/dropdown-menu.vue
@@ -36,7 +36,7 @@ import { createPopper, detectOverflow } from '@popperjs/core';
 
 const open = ref<boolean>(false);
 const popper = ref<any>(null);
-const watchers = reactive<Array<Function>>([]);
+const watchers = reactive<Array<() => void>>([]);
 
 const el = ref();
 const dropdown = ref<HTMLElement>();
@@ -115,7 +115,7 @@ onMounted(() => {
 
     // nextTick should prevent any race conditions by letting the child elements render before trying to place them using popper
     nextTick(() => {
-        const overflowScrollModifier: Modifier<'overflowScroll', {}> = {
+        const overflowScrollModifier: Modifier<'overflowScroll', object> = {
             name: 'overflowScroll',
             enabled: true,
             phase: 'main',
diff --git a/src/components/controls/toggle-switch-control.vue b/src/components/controls/toggle-switch-control.vue
index 873fde32680..ce25d052976 100644
--- a/src/components/controls/toggle-switch-control.vue
+++ b/src/components/controls/toggle-switch-control.vue
@@ -54,7 +54,7 @@ const props = defineProps({
 const isOn = ref<boolean>(props.config.value);
 const isDisabled = ref<boolean>(!!props.config.disabled);
 const toggleKey = ref<number>(0); // this key forces Vue to rerender Toggle
-const watchers = reactive<Array<Function>>([]);
+const watchers = reactive<Array<() => void>>([]);
 const toggleWrapper = ref<HTMLElement | null>(null);
 
 watchers.push(
diff --git a/src/components/map/esri-map.vue b/src/components/map/esri-map.vue
index ac77b9495b0..75b4a1a3280 100644
--- a/src/components/map/esri-map.vue
+++ b/src/components/map/esri-map.vue
@@ -30,18 +30,17 @@ const iApi = inject('iApi') as InstanceAPI;
 const maptipPoint = computed(() => maptipStore.maptipPoint);
 const maptipInstance = computed(() => maptipStore.maptipInstance);
 const maptipContent = computed(() => maptipStore.content);
-const watchers = reactive<Array<Function>>([]);
+const watchers = reactive<Array<() => void>>([]);
 
 watchers.push(
     watch(maptipPoint, () => {
         if (maptipPoint.value) {
             // Calculate offset from mappoint
-            let offsetX, offsetY: number;
             const originX: number = iApi.geo.map.getPixelWidth() / 2;
             const originY = 0;
             const screenPointFromMapPoint = iApi.geo.map.mapPointToScreenPoint(maptipPoint.value! as Point);
-            offsetX = screenPointFromMapPoint.screenX - originX;
-            offsetY = originY - screenPointFromMapPoint.screenY;
+            const offsetX = screenPointFromMapPoint.screenX - originX;
+            const offsetY = originY - screenPointFromMapPoint.screenY;
             maptipInstance.value.setProps({
                 offset: [offsetX, offsetY]
             });
diff --git a/src/components/map/map-caption.vue b/src/components/map/map-caption.vue
index e13dca40cc2..85a8776d5ab 100644
--- a/src/components/map/map-caption.vue
+++ b/src/components/map/map-caption.vue
@@ -137,7 +137,7 @@ const langtoggle = computed(() => mapCaptionStore.langtoggle);
 const mapConfig = computed(() => configStore.config.map);
 
 const lang = ref<Array<string>>([]);
-const watchers = reactive<Array<Function>>([]);
+const watchers = reactive<Array<() => void>>([]);
 
 watchers.push(
     watch(mapConfig, (newConfig: any) => {
diff --git a/src/components/panel-stack/panel-stack.vue b/src/components/panel-stack/panel-stack.vue
index 192fdb7b5fd..77577f3b5db 100644
--- a/src/components/panel-stack/panel-stack.vue
+++ b/src/components/panel-stack/panel-stack.vue
@@ -46,7 +46,7 @@ onMounted(() => {
 });
 
 const visible = (screenSize: string | null): PanelInstance[] | undefined =>
-    //@ts-ignore
+    //@ts-expect-error TODO: explain why this is needed or remove
     panelStore.getVisible(screenSize);
 
 const enter = (el: Element, done: () => void): void => {
@@ -94,9 +94,8 @@ const animateTransition = (el: Element, done: () => void, values: number[][]): v
     });
 };
 
-// @ts-ignore
 declare class ResizeObserver {
-    constructor(callback: Function);
+    constructor(callback: (entries: ResizeObserverEntry[], observer: ResizeObserver) => void);
     observe(target: Element): void;
     unobserve(target: Element): void;
     disconnect(): void;
diff --git a/src/components/shell.vue b/src/components/shell.vue
index bed5bd46d13..00dba50b200 100644
--- a/src/components/shell.vue
+++ b/src/components/shell.vue
@@ -56,9 +56,7 @@ const openKeyboardInstructions = () => {
     iApi?.event.emit('openKeyboardInstructions');
 };
 
-const teleported = (): PanelInstance[] =>
-    // @ts-ignore
-    panelStore.teleported;
+const teleported = (): PanelInstance[] => panelStore.teleported;
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/directives/focus-list/focus-list.ts b/src/directives/focus-list/focus-list.ts
index c44b297ab49..316b17bf75e 100644
--- a/src/directives/focus-list/focus-list.ts
+++ b/src/directives/focus-list/focus-list.ts
@@ -142,7 +142,7 @@ export class FocusListManager {
         });
 
         document.addEventListener('click', function (event: MouseEvent) {
-            // @ts-ignore
+            // @ts-expect-error TODO: explain why this is needed or remove
             if (element.contains(event.target)) {
                 focusManager.onClick(event);
             } else {
diff --git a/src/directives/truncate/truncate.ts b/src/directives/truncate/truncate.ts
index f1af3ed7fb5..87e5619a8a5 100644
--- a/src/directives/truncate/truncate.ts
+++ b/src/directives/truncate/truncate.ts
@@ -85,17 +85,6 @@ function onShow(instance: any) {
     }
 }
 
-const escapeHtml = (content: string) => {
-    const specialChars = {
-        '<': '&lt;',
-        '>': '&gt;',
-        '"': '&quot;',
-        "'": '&#039;'
-    };
-    // @ts-ignore
-    return content.replace(/[<>"']/g, m => specialChars[m]);
-};
-
 /**
  * Applies hyperlinks to any URLs in the provided content.
  *
diff --git a/src/fixtures/appbar/appbar.vue b/src/fixtures/appbar/appbar.vue
index c859085d6db..e2dc98f4668 100644
--- a/src/fixtures/appbar/appbar.vue
+++ b/src/fixtures/appbar/appbar.vue
@@ -187,15 +187,15 @@ onUpdated(() => {
     nextTick(() => {
         const element: Element = el.value!;
         let key: string | undefined = undefined;
-        let children: Element[] = [...element.children];
+        const children: Element[] = [...element.children];
         let bound: number | undefined = children[children.length - 2].getBoundingClientRect().top;
         if (!panelStore.mobileView) {
             bound = element.getBoundingClientRect().bottom - 38;
         }
-        let dropdown: Element | null = element.querySelector('#dropdown');
+        const dropdown: Element | null = element.querySelector('#dropdown');
         // check positions of appbar buttons
         for (let i = children.length - 4; i >= 0; i--) {
-            let bottom: number = children[i].getBoundingClientRect().bottom;
+            const bottom: number = children[i].getBoundingClientRect().bottom;
             if (bound && dropdown && (bottom > bound || (overflow.value && bottom + 56 > bound))) {
                 children[i].classList.forEach(cl => {
                     if (cl.includes('identifier')) {
@@ -204,7 +204,7 @@ onUpdated(() => {
                 });
                 if (key) {
                     overflowFlags.value[key] = true;
-                    if (!(key as String).includes('divider')) {
+                    if (!(key as string).includes('divider')) {
                         numberOverflow.value++;
                     }
                     popperRerender.value++;
@@ -215,7 +215,7 @@ onUpdated(() => {
             }
         }
         // check position of more button
-        let more: Element | null = element.querySelector('#more');
+        const more: Element | null = element.querySelector('#more');
         let moreBottom = more!.getBoundingClientRect().bottom;
         key = undefined;
         if (
@@ -230,7 +230,7 @@ onUpdated(() => {
             let buttonsRemaining: number = dropdown.childElementCount;
             let index: number = 0;
             while (moreBottom <= bound - 56 || buttonsRemaining == 1) {
-                let item: Element | null = dropdown.children[index];
+                const item: Element | null = dropdown.children[index];
                 if (item) {
                     item.classList.forEach(cl => {
                         if (cl.includes('identifier')) {
@@ -239,7 +239,7 @@ onUpdated(() => {
                     });
                     if (key) {
                         overflowFlags.value[key] = false;
-                        if (!(key as String).includes('divider')) {
+                        if (!(key as string).includes('divider')) {
                             numberOverflow.value--;
                         }
                     }
diff --git a/src/fixtures/appbar/more-button.vue b/src/fixtures/appbar/more-button.vue
index 7386b5fdcc2..e0cc6adac2c 100644
--- a/src/fixtures/appbar/more-button.vue
+++ b/src/fixtures/appbar/more-button.vue
@@ -136,7 +136,7 @@ const popperSetUp = () => {
                         boundary: innerShell
                     }
                 },
-                applyMaxSize as Modifier<'applyMaxsize', {}>,
+                applyMaxSize as Modifier<'applyMaxsize', object>,
                 {
                     name: 'offset',
                     options: {
diff --git a/src/fixtures/areas-of-interest/screen.vue b/src/fixtures/areas-of-interest/screen.vue
index 6f949cb1751..3aad03fa4f6 100644
--- a/src/fixtures/areas-of-interest/screen.vue
+++ b/src/fixtures/areas-of-interest/screen.vue
@@ -44,7 +44,7 @@ defineProps({
 const areasOfInterestStore = useAreasOfInterestStore();
 
 const areas = computed<AreaOfInterest[] | undefined>(() => areasOfInterestStore.areas);
-let showThumbnail = ref(false);
+const showThumbnail = ref(false);
 
 onMounted(() => {
     showThumbnail.value = !!areas.value?.some((area: AreaOfInterest) => area.thumbnail);
diff --git a/src/fixtures/crosshairs/crosshairs.vue b/src/fixtures/crosshairs/crosshairs.vue
index 0b946b7af7e..cae4586a1da 100644
--- a/src/fixtures/crosshairs/crosshairs.vue
+++ b/src/fixtures/crosshairs/crosshairs.vue
@@ -43,7 +43,7 @@ import type { InstanceAPI } from '@/api';
 
 const iApi = inject<InstanceAPI>('iApi')!;
 
-const visible = ref<Boolean>(false);
+const visible = ref<boolean>(false);
 const handlers = ref<Array<string>>([]);
 
 onMounted(() => {
diff --git a/src/fixtures/details/components/result-item.vue b/src/fixtures/details/components/result-item.vue
index 3c291bb723f..d87769e7322 100644
--- a/src/fixtures/details/components/result-item.vue
+++ b/src/fixtures/details/components/result-item.vue
@@ -108,7 +108,7 @@ const props = defineProps({
 });
 
 const iApi = inject<InstanceAPI>('iApi')!;
-const watchers = ref<Array<Function>>([]);
+const watchers = ref<Array<() => void>>([]);
 const detailsStore = useDetailsStore();
 const { t } = useI18n();
 
@@ -123,7 +123,7 @@ const zoomButton = ref<HTMLElement>();
  * Return the LayerInstance that cooresponds with the UID provided in props.
  */
 const getLayerInfo = () => {
-    let layer: LayerInstance | undefined = layerStore.getLayerByUid(props.uid);
+    const layer: LayerInstance | undefined = layerStore.getLayerByUid(props.uid);
     return layer;
 };
 
@@ -131,11 +131,11 @@ const detailProperties = computed<{ [id: string]: DetailsItemInstance }>(() => d
 
 const defaultTemplates = computed<{ [type: string]: string }>(() => detailsStore.defaultTemplates);
 
-const supportsFeatures = computed<Boolean>(() => {
+const supportsFeatures = computed<boolean>(() => {
     return getLayerInfo()?.supportsFeatures ?? false;
 });
 
-const isMapLayer = computed<Boolean>(() => {
+const isMapLayer = computed<boolean>(() => {
     return getLayerInfo()?.mapLayer ?? false;
 });
 
diff --git a/src/fixtures/details/components/result-list.vue b/src/fixtures/details/components/result-list.vue
index 7ed11bb9fa7..353de9f2ac0 100644
--- a/src/fixtures/details/components/result-list.vue
+++ b/src/fixtures/details/components/result-list.vue
@@ -177,7 +177,7 @@ const { t } = useI18n();
 /**
  * If we could find the bound layer in our instance
  */
-const layerExists = ref<Boolean>(false);
+const layerExists = ref<boolean>(false);
 
 /**
  * Details fixture
@@ -206,7 +206,7 @@ const currentIdx = ref<number>(0);
 const itemsPerPage = ref<number>(20);
 
 const handlers = ref<Array<string>>([]);
-const watchers = ref<Array<Function>>([]);
+const watchers = ref<Array<() => void>>([]);
 
 const activeGreedy = computed<number>(() => detailsStore.activeGreedy);
 const detailProperties = computed<{ [id: string]: DetailsItemInstance }>(() => detailsStore.properties);
@@ -231,12 +231,12 @@ const getBoundLayerResult = (): IdentifyResult | undefined => {
 /**
  * Computed property that returns true if the layer's overall identify result has loaded.
  */
-const isLayerResultLoaded = computed<Boolean>(() => {
+const isLayerResultLoaded = computed<boolean>(() => {
     const results = getBoundLayerResult();
     return results?.loaded ?? false;
 });
 
-const itemRequestTime = computed<Number | undefined>(() => {
+const itemRequestTime = computed<number | undefined>(() => {
     const results = getBoundLayerResult();
     return results?.requestTime;
 });
@@ -286,7 +286,7 @@ const currentIdentifyItem = computed<IdentifyItem>(() => {
 /**
  * Computed property that indicates if highlighting is a possibility
  */
-const canHighlight = computed<Boolean>(() => {
+const canHighlight = computed<boolean>(() => {
     if (detailsFixture.value.hasHilighter()) {
         const layer = getBoundLayer();
         if (layer) {
diff --git a/src/fixtures/details/components/symbology-list.vue b/src/fixtures/details/components/symbology-list.vue
index 24b31a2afb3..113165d979b 100644
--- a/src/fixtures/details/components/symbology-list.vue
+++ b/src/fixtures/details/components/symbology-list.vue
@@ -61,18 +61,18 @@ const props = defineProps({
 
 // Keep track of the currently selected layer index.
 const selectedLayer = ref<string>('');
-const watchers = ref<Array<Function>>([]);
+const watchers = ref<Array<() => void>>([]);
 
 // Expanded is true if the sidebar is expanded. Hovering is true only if the cursor is currently over the sidebar.
-const expanded = ref<Boolean>(false);
-const hovering = ref<Boolean>(false);
+const expanded = ref<boolean>(false);
+const hovering = ref<boolean>(false);
 
 /**
  * Return the LayerInstance that cooresponds with the provided UID.
  * @param uid the UID of the layer to look up.
  */
 const getLayerInfo = (uid: string) => {
-    let layer: LayerInstance | undefined = layerStore.getLayerByUid(uid);
+    const layer: LayerInstance | undefined = layerStore.getLayerByUid(uid);
     return layer;
 };
 
diff --git a/src/fixtures/details/details-screen.vue b/src/fixtures/details/details-screen.vue
index c78b8e546ac..393bbfb86a6 100644
--- a/src/fixtures/details/details-screen.vue
+++ b/src/fixtures/details/details-screen.vue
@@ -54,7 +54,7 @@ const iApi = inject<InstanceAPI>('iApi')!;
 const detailsStore = useDetailsStore();
 
 const handlers = ref<Array<string>>([]);
-const watchers = ref<Array<Function>>([]);
+const watchers = ref<Array<() => void>>([]);
 const layerResults = ref<Array<IdentifyResult>>([]);
 const noResults = ref<boolean>(false);
 
diff --git a/src/fixtures/details/templates/esri-default.vue b/src/fixtures/details/templates/esri-default.vue
index a4af7514d0e..614fdb20daa 100644
--- a/src/fixtures/details/templates/esri-default.vue
+++ b/src/fixtures/details/templates/esri-default.vue
@@ -145,9 +145,11 @@ const makeHtmlLink = (html: string, alias: string): string => {
     // Check to see if url is a valid image / data url based on extension type or format
     if (
         !!html.trim().match(/\.(jpeg|jpg|gif|png)$/) ||
-        !!html.trim().match(
-            /^\s*data:([a-z]+\/[a-z]+(;[a-z\-]+\=[a-z\-]+)?)?(;base64)?,[a-z0-9\!\$\&\'\,\(\)\*\+\,\;\=\-\.\_\~\:\@\/\?\%\s]*\s*$/i //eslint-disable-line
-        )
+        !!html
+            .trim()
+            .match(
+                /^\s*data:([a-z]+\/[a-z]+(;[a-z\-]+\=[a-z\-]+)?)?(;base64)?,[a-z0-9\!\$\&\'\,\(\)\*\+\,\;\=\-\.\_\~\:\@\/\?\%\s]*\s*$/i
+            )
     ) {
         return `<img src="${html}" alt="${t('details.item.alert.defaultAltText', { alias: alias })}" />`;
     }
diff --git a/src/fixtures/export-legend/index.ts b/src/fixtures/export-legend/index.ts
index 4f11d7e3caf..10c19f69e62 100644
--- a/src/fixtures/export-legend/index.ts
+++ b/src/fixtures/export-legend/index.ts
@@ -320,7 +320,10 @@ class ExportLegendFixture extends FixtureInstance implements ExportSubFixture {
                 continue;
             }
 
-            sublayer.visibility && ids.push(sublayer.layerIdx);
+            if (sublayer.visibility) {
+                ids.push(sublayer.layerIdx);
+            }
+
             queue.push(...sublayer.sublayers);
         }
 
diff --git a/src/fixtures/export-northarrow/index.ts b/src/fixtures/export-northarrow/index.ts
index d2c9e9de765..7271312d2e3 100644
--- a/src/fixtures/export-northarrow/index.ts
+++ b/src/fixtures/export-northarrow/index.ts
@@ -19,7 +19,7 @@ class ExportNorthArrowFixture extends FixtureInstance implements ExportSubFixtur
          * @returns 0
          * @memberof ExportNorthArrowFixture
          **/
-        let calculateNorthArrowAngle = (normalizedPositionX: number) => {
+        let calculateNorthArrowAngle: (normalizedPositionX: number) => number = () => {
             return 0;
         };
         let normalizedPositionX = 0;
diff --git a/src/fixtures/export/api/export.ts b/src/fixtures/export/api/export.ts
index fde42b20f0f..b2755e06d28 100644
--- a/src/fixtures/export/api/export.ts
+++ b/src/fixtures/export/api/export.ts
@@ -296,7 +296,7 @@ export class ExportAPI extends FixtureInstance {
             this.fcFabric.clone((clonedCanvas: fabric.StaticCanvas) => {
                 this.fcFabricDownload = clonedCanvas;
                 this.fcFabricDownload.setDimensions({
-                    width: this.fcFabric!?.getWidth()!,
+                    width: this.fcFabric?.getWidth() ?? panelWidth,
                     height: this.fcFabric!.getHeight()!
                 });
                 this.fcFabricDownload.renderAll();
@@ -327,7 +327,7 @@ export class ExportAPI extends FixtureInstance {
             this.fcFabric.renderAll();
 
             this.fcFabricDownload!.setDimensions({
-                width: (fbMap?.width! ?? DEFAULT_WIDTH) + GLOBAL_MARGIN.LEFT + GLOBAL_MARGIN.RIGHT,
+                width: (fbMap?.width ?? DEFAULT_WIDTH) + GLOBAL_MARGIN.LEFT + GLOBAL_MARGIN.RIGHT,
                 height: this.options.runningHeight + GLOBAL_MARGIN.TOP + GLOBAL_MARGIN.BOTTOM
             });
             this.fcFabricDownload.renderAll();
diff --git a/src/fixtures/export/screen.vue b/src/fixtures/export/screen.vue
index d8e79468aff..907aacc1015 100644
--- a/src/fixtures/export/screen.vue
+++ b/src/fixtures/export/screen.vue
@@ -62,12 +62,12 @@ const fixture = ref<ExportAPI>();
 // changes to the root element impact map boundaries, changes to the panel impact the resolution of the displayed export
 const rootResizeObserver = ref<ResizeObserver | undefined>(undefined);
 const panelResizeObserver = ref<ResizeObserver | undefined>(undefined);
-const watchers = ref<Array<Function>>([]);
+const watchers = ref<Array<() => void>>([]);
 
 const el = useTemplateRef('componentEl');
 const componentSelectedState = computed(() => exportStore.componentSelectedState);
 const selectedComponents = computed<any>(() => {
-    let state: any = {};
+    const state: any = {};
     if (fixture.value) {
         Object.keys(componentSelectedState.value).forEach((component: string) => {
             state[component] = {
diff --git a/src/fixtures/geosearch/screen.vue b/src/fixtures/geosearch/screen.vue
index 10b69376e80..c74272f5129 100644
--- a/src/fixtures/geosearch/screen.vue
+++ b/src/fixtures/geosearch/screen.vue
@@ -95,7 +95,7 @@ const failedServices = computed<string[]>(() => geosearchStore.failedServices);
 
 // zoom in to a clicked result
 const zoomIn = (result: any) => {
-    let zoom = new Polygon(
+    const zoom = new Polygon(
         'zoomies',
         [
             [
diff --git a/src/fixtures/geosearch/store/geosearch-store.ts b/src/fixtures/geosearch/store/geosearch-store.ts
index fa1d0501295..1aa6746ab1a 100644
--- a/src/fixtures/geosearch/store/geosearch-store.ts
+++ b/src/fixtures/geosearch/store/geosearch-store.ts
@@ -119,7 +119,7 @@ export const useGeosearchStore = defineStore('geosearch', () => {
                             // replace old saved results
                             const filteredData = filter(
                                 resultsVisible.value,
-                                //@ts-ignore
+                                //@ts-expect-error TODO: explain why this is needed or remove
                                 queryParams.value,
                                 savedResults.value
                             );
@@ -132,7 +132,7 @@ export const useGeosearchStore = defineStore('geosearch', () => {
                 // otherwise no new search term so we only need to filter on query param values
                 const filteredData = filter(
                     resultsVisible.value,
-                    //@ts-ignore
+                    //@ts-expect-error TODO: explain why this is needed or remove
                     queryParams.value,
                     savedResults.value
                 );
diff --git a/src/fixtures/geosearch/top-filters.vue b/src/fixtures/geosearch/top-filters.vue
index 87c5058f48a..02068734792 100644
--- a/src/fixtures/geosearch/top-filters.vue
+++ b/src/fixtures/geosearch/top-filters.vue
@@ -89,7 +89,7 @@ const selectFilter = ref<Element>();
 
 const provinces = ref<Array<any>>([]);
 const types = ref<Array<any>>([]);
-const watchers = ref<Array<Function>>([]);
+const watchers = ref<Array<() => void>>([]);
 
 const queryParams = computed<QueryParams>(() => geosearchStore.queryParams as QueryParams);
 const language = computed<string>(() => iApi.language);
diff --git a/src/fixtures/grid/accessibility.ts b/src/fixtures/grid/accessibility.ts
index 51aaa89ecd4..05874644311 100644
--- a/src/fixtures/grid/accessibility.ts
+++ b/src/fixtures/grid/accessibility.ts
@@ -35,7 +35,7 @@ export class GridAccessibilityManager {
         }
 
         if (event.key == 'Enter') {
-            // @ts-ignore
+            // @ts-expect-error TODO: explain why this is needed or remove
             childNodeTraversal(event.target.childNodes);
         }
     }
diff --git a/src/fixtures/grid/store/column-state-manager.ts b/src/fixtures/grid/store/column-state-manager.ts
index 7f65ab1f80e..dec7cda757c 100644
--- a/src/fixtures/grid/store/column-state-manager.ts
+++ b/src/fixtures/grid/store/column-state-manager.ts
@@ -2,6 +2,16 @@
  * State manager for columns in datagrid.
  */
 export default class ColumnStateManager {
+    columnConfig: any;
+    _field: string;
+    _title: string;
+    _visible: boolean;
+    _width: number;
+    _sort: string;
+    _searchable: boolean;
+    _filter: any;
+    _template: string;
+
     constructor(columnConfig: any) {
         this.columnConfig = columnConfig;
         this._field = columnConfig?.field;
@@ -149,15 +159,3 @@ export default class ColumnStateManager {
         return this._template;
     }
 }
-
-export default interface ColumnStateManager {
-    columnConfig: any;
-    _field: string;
-    _title: string;
-    _visible: boolean;
-    _width: number;
-    _sort: string;
-    _searchable: boolean;
-    _filter: any;
-    _template: string;
-}
diff --git a/src/fixtures/grid/store/table-state-manager.ts b/src/fixtures/grid/store/table-state-manager.ts
index e02f4a0609e..0aec717e529 100644
--- a/src/fixtures/grid/store/table-state-manager.ts
+++ b/src/fixtures/grid/store/table-state-manager.ts
@@ -10,6 +10,18 @@ import type { ActionButtonDefinition, TableStateOptions } from './grid-state';
  *      - whether table maximized is in maximized or split view
  */
 export default class TableStateManager {
+    state: any;
+    _title: string;
+    _showFilter: boolean;
+    _filterByExtent: boolean;
+    _open: boolean;
+    _columns: { [field: string]: ColumnStateManager };
+    _filtered: boolean;
+    _search: boolean;
+    _searchFilter: string;
+    _applyToMap: boolean;
+    _controls: (string | ActionButtonDefinition)[];
+
     constructor(options?: TableStateOptions) {
         this.state = options ?? {};
         this._title = options?.title ?? '';
@@ -269,17 +281,3 @@ export default class TableStateManager {
         return this._controls;
     }
 }
-
-export default interface TableStateManager {
-    state: any;
-    _title: string;
-    _showFilter: boolean;
-    _filterByExtent: boolean;
-    _open: boolean;
-    _columns: { [field: string]: ColumnStateManager };
-    _filtered: boolean;
-    _search: boolean;
-    _searchFilter: string;
-    _applyToMap: boolean;
-    _controls: (string | ActionButtonDefinition)[];
-}
diff --git a/src/fixtures/grid/table-component.vue b/src/fixtures/grid/table-component.vue
index cd578d43876..787f38ea6b7 100644
--- a/src/fixtures/grid/table-component.vue
+++ b/src/fixtures/grid/table-component.vue
@@ -64,7 +64,7 @@
                         @keypress.enter.prevent
                         @keyup.enter="
                             if (panelStore.mobileView) {
-                                //@ts-ignore
+                                //@ts-expect-error TODO: explain why this is needed or remove
                                 $event?.target?.blur();
                             }
                         "
@@ -423,10 +423,10 @@ import { useI18n } from 'vue-i18n';
 /* eslint no-useless-escape: 0 */
 
 export interface FilterParams {
-    comparator?: Function;
+    comparator?: (filterDate: any, entryDate: any) => void;
     inRangeInclusive?: boolean;
-    textMatcher?: Function;
-    textFormatter?: Function;
+    textMatcher?: (params: any) => void;
+    textFormatter?: (s: string) => void;
 }
 export interface TableComponent {
     config: GridConfig;
@@ -461,17 +461,17 @@ export interface ColumnDefinition {
     floatingFilterComponentParams?: {
         suppressFilterButton: boolean;
         stateManager: TableStateManager;
-        clearFilters?: Function;
+        clearFilters?: () => void;
         rowData?: Attributes[];
     };
     filterParams: FilterParams;
-    cellRenderer: Function;
+    cellRenderer: (cell: any) => void;
     cellRendererParams?: any;
     sortable: boolean;
     hide: boolean;
     isSelector: boolean;
     lockPosition: boolean;
-    suppressHeaderKeyboardEvent: Function;
+    suppressHeaderKeyboardEvent: (params: any) => void;
     autoHeight?: boolean;
 }
 // column definition for specialized columns (index, symbols, etc.)
@@ -488,12 +488,12 @@ export interface SpecialColumnDefinition {
     floatingFilterComponentParams?: {
         suppressFilterButton: boolean;
         stateManager: TableStateManager;
-        clearFilters?: Function;
+        clearFilters?: () => void;
     };
     pinned?: string;
     maxWidth?: number;
-    cellStyle: Function;
-    cellRenderer?: Function;
+    cellStyle: () => void;
+    cellRenderer?: () => void;
     cellRendererParams?: any;
     preventExport: boolean;
 }
@@ -505,7 +505,7 @@ const iApi = inject<InstanceAPI>('iApi')!;
 const gridStore = useGridStore();
 const panelStore = usePanelStore();
 const mobileView = computed(() => panelStore.mobileView);
-const pinned = ref<Boolean>(!mobileView.value);
+const pinned = ref<boolean>(!mobileView.value);
 const el = ref<HTMLElement>();
 const gridContainer = useTemplateRef('gridContainer');
 const { t, locale } = useI18n();
@@ -537,7 +537,7 @@ const isErrorGrid = ref<boolean>(false);
 const loadedRecordCount = ref<Array<number>>([]);
 const totalRecordCount = ref<number>(0);
 const handlers = ref<Array<string>>([]);
-const watchers = ref<Array<Function>>([]);
+const watchers = ref<Array<() => void>>([]);
 const gridTitle = ref<string>('');
 const columnApi = ref<ColumnApi>(new ColumnApi());
 const columnDefs = ref<Array<any>>([]);
@@ -688,7 +688,7 @@ const toggleFilterByExtent = () => {
 
 // Toggles the floating (column) filters on and off.
 const toggleShowFilters = () => {
-    let colDefs = agGridOptions.value.api.getColumnDefs();
+    const colDefs = agGridOptions.value.api.getColumnDefs();
     config.value.state.colFilter = !config.value.state.colFilter;
 
     colDefs.forEach((col: ColumnDefinition) => {
@@ -707,7 +707,7 @@ const updateFilterInfo = () => {
             applyFiltersToMap();
         }
         nextTick(() => {
-            let cols = columnApi.value.getAllDisplayedColumns();
+            const cols = columnApi.value.getAllDisplayedColumns();
             agGridOptions.value.api.refreshCells({
                 columns: [cols[0]] // Limits the refresh action to the row number column.
             });
@@ -752,7 +752,7 @@ const exportData = () => {
         columnKeys: columnsToExport,
         suppressQuotes: true,
         processCellCallback: cell => {
-            let cellType = cell.column.getColDef().cellRendererParams;
+            const cellType = cell.column.getColDef().cellRendererParams;
             if (!cell.value || (cellType && cellType.type === 'number')) return cell.value;
             else if (cellType && cellType.type === 'date')
                 return `"${new Date(cell.value).toLocaleDateString('en-CA', {
@@ -772,7 +772,7 @@ const exportData = () => {
 const setUpDateFilter = (colDef: ColumnDefinition, state: TableStateManager) => {
     colDef.floatingFilterComponent = 'dateFloatingFilter';
     colDef.filterParams.comparator = function (filterDate: any, entryDate: any) {
-        let entry = new Date(entryDate);
+        const entry = new Date(entryDate);
 
         // We need to specifically compare the UTC year, month, and date because
         // directly comparing the dates returns the wrong value due to timezone differences
@@ -843,7 +843,7 @@ const setUpTextFilter = (colDef: ColumnDefinition, state: TableStateManager) =>
     };
 
     // modified from: https://www.ag-grid.com/javascript-grid-filter-text/#text-formatter
-    let disregardAccents = function (s: string) {
+    const disregardAccents = function (s: string) {
         let r = s.toLowerCase();
         r = r.replace(new RegExp('[àáâãäå]', 'g'), 'a');
         r = r.replace(new RegExp('æ', 'g'), 'ae');
@@ -871,7 +871,7 @@ const setUpSpecialColumns = (
 ) => {
     // set up row number column
     if (col.field === 'rvRowIndex') {
-        let indexDef = {
+        const indexDef = {
             sortable: false,
             lockPosition: true,
             valueGetter: 'node.rowIndex + 1',
@@ -905,7 +905,7 @@ const setUpSpecialColumns = (
     if (col.field === 'rvInteractive') {
         const buttonControls = config.value.state.controls;
 
-        let detailsDef = {
+        const detailsDef = {
             sortable: false,
             pinned: mobileView.value ? '' : 'left',
             filter: false,
@@ -929,12 +929,13 @@ const setUpSpecialColumns = (
 
         // Only add this button if it is defined in the grid controls.
         if (buttonControls.includes('details')) {
+            //@ts-expect-error TODO: explain why this is needed or remove
             colDef.push(detailsDef);
         }
 
         // only render the zoom buttons if there is at least one map layer in the grid
         if (hasMapLayers.value) {
-            let zoomDef = {
+            const zoomDef = {
                 sortable: false,
                 pinned: mobileView.value ? '' : 'left',
                 filter: false,
@@ -957,6 +958,7 @@ const setUpSpecialColumns = (
 
             // Only add this button if it is defined in the grid controls.
             if (buttonControls.includes('zoom')) {
+                //@ts-expect-error TODO: explain why this is needed or remove
                 colDef.push(zoomDef);
             }
         }
@@ -965,7 +967,7 @@ const setUpSpecialColumns = (
         buttonControls.forEach((buttonConfig: string | ActionButtonDefinition) => {
             if (buttonConfig === 'zoom' || buttonConfig === 'details') return;
 
-            let buttonDef = {
+            const buttonDef = {
                 sortable: false,
                 pinned: mobileView.value ? '' : 'left',
                 filter: false,
@@ -986,14 +988,14 @@ const setUpSpecialColumns = (
                 },
                 preventExport: true
             };
-
+            //@ts-expect-error TODO: explain why this is needed or remove
             colDef.push(buttonDef);
         });
     }
 
     // Set up the symbol column.
     if (col.field === 'rvSymbol') {
-        let iconDef = {
+        const iconDef = {
             sortable: false,
             filter: false,
             lockPosition: true,
@@ -1023,7 +1025,7 @@ const setUpSpecialColumns = (
             },
             preventExport: true
         };
-
+        //@ts-expect-error TODO: explain why this is needed or remove
         colDef.push(iconDef);
     }
 };
@@ -1116,7 +1118,7 @@ const applyFiltersToMap = () => {
 // get filter SQL query string
 const getFiltersQuery = (id: string) => {
     const filterModel = agGridApi.value.getFilterModel();
-    let colStrs: (string | undefined)[] = [];
+    const colStrs: (string | undefined)[] = [];
     Object.keys(filterModel).forEach(col => {
         // check if filter is applied to an attribute of this layer
         const attrs = getAttrPair(id, col);
@@ -1156,7 +1158,7 @@ const filterToSql = (col: string, colFilter: { [key: string]: any }): any => {
             break;
         }
         case 'text': {
-            let val = colFilter.filter.replace(/'/g, /''/);
+            const val = colFilter.filter.replace(/'/g, /''/);
             if (val !== '') {
                 // following code is to UNESCAPE all special chars for ESRI and geoApi SQL to parse properly (remove the backslash)
                 const escRegex = /\\[(!"#$&'+,.\\/:;<=>?@[\]^`{|}~)]/g;
@@ -1181,7 +1183,7 @@ const filterToSql = (col: string, colFilter: { [key: string]: any }): any => {
                 newVal = newVal.replace(/_/g, 'ௌ_');
                 newVal = `*${newVal}`;
                 // if val contains a % or _, add ESCAPE 'ௌ' at the end of the query
-                let sqlWhere = `UPPER(${col}) LIKE \'${newVal.replace(/\*/g, '%').toUpperCase()}%\'`;
+                const sqlWhere = `UPPER(${col}) LIKE \'${newVal.replace(/\*/g, '%').toUpperCase()}%\'`;
                 return sqlWhere.includes('ௌ%') || sqlWhere.includes('ௌ_') ? `${sqlWhere} ESCAPE \'ௌ\'` : sqlWhere;
             }
             break;
@@ -1212,7 +1214,7 @@ const filterToSql = (col: string, colFilter: { [key: string]: any }): any => {
 // convert global search to SQL string filter of columns excluding unfiltered columns
 const globalSearchToSql = (id: string): string => {
     // TODO: support for global search on dates
-    let val = config.value.state.searchFilter.replace(/'/g, "''");
+    const val = config.value.state.searchFilter.replace(/'/g, "''");
     // to implement quick filters, first need to split the search text on white space
     const searchVals = val.split(' ');
 
@@ -1225,18 +1227,18 @@ const globalSearchToSql = (id: string): string => {
                 getAttrPair(id, column.getColId())
         );
 
-    let filteredColumns: string[] = [];
+    const filteredColumns: string[] = [];
 
     sortedRows.forEach((row: RowNode) => {
         let rowMatch = true;
         let rowSql = '';
         // each row must contain all of the split search values
-        for (let searchVal of searchVals) {
+        for (const searchVal of searchVals) {
             const re = new RegExp(`.*${searchVal.split(' ').join('.*').toUpperCase()}`);
             const filterVal = `%${searchVal.replace(/\*/g, '%').split(' ').join('%').toUpperCase()}`;
             // if any column data matches the search val in regex form, set foundVal to true and proceed to next search term
             let foundVal = false;
-            for (let column of columns) {
+            for (const column of columns) {
                 const colId = column.getColId();
                 const origColId = getAttrPair(id, column.getColId())?.origAttr;
                 const colDef = column.getColDef();
@@ -1249,20 +1251,26 @@ const globalSearchToSql = (id: string): string => {
                 else if (colDef.filter === 'agTextColumnFilter') {
                     const cellData = row.data[colId] === null ? null : row.data[colId].toString();
                     if (cellData !== null && re.test(cellData.toUpperCase())) {
+                        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
                         rowSql
                             ? (rowSql = rowSql.concat(' AND ', `(UPPER(${origColId}) LIKE \'${filterVal}%\')`))
                             : (rowSql = rowSql.concat('(', `(UPPER(${origColId}) LIKE \'${filterVal}%\')`));
                         // if we have already stored the current sql break from loop
-                        filteredColumns.includes(rowSql + ')') ? (foundVal = false) : (foundVal = true);
+                        if (filteredColumns.includes(rowSql + ')')) {
+                            foundVal = false;
+                        } else {
+                            foundVal = true;
+                        }
                         break;
                     }
                 } else if (colDef.filter === 'agNumberColumnFilter') {
                     const cellData = row.data[colId] === null ? null : row.data[colId];
                     if (cellData !== null && re.test(cellData)) {
+                        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
                         rowSql
                             ? (rowSql = rowSql.concat(' AND ', `(${origColId} = ${cellData})`))
                             : (rowSql = rowSql.concat('(', `(${origColId} = ${cellData})`));
-                        filteredColumns.includes(rowSql + ')') ? (foundVal = false) : (foundVal = true);
+                        foundVal = !filteredColumns.includes(rowSql + ')');
                         break;
                     }
                 }
@@ -1501,8 +1509,8 @@ const setUpColumns = () => {
                         config.value.state.columns[column.data].visible = false;
                     }
 
-                    let colConfig = config.value.state?.columns[column.data];
-                    let col: ColumnDefinition = {
+                    const colConfig = config.value.state?.columns[column.data];
+                    const col: ColumnDefinition = {
                         headerName: colConfig.title ?? column.title,
                         headerComponent: 'agColumnHeader',
                         headerComponentParams: {
@@ -1536,7 +1544,7 @@ const setUpColumns = () => {
                     };
 
                     // retrieve the field info for the column
-                    let fieldInfo = mergedTableAttrs.fields.find((field: any) => field.name === col.field);
+                    const fieldInfo = mergedTableAttrs.fields.find((field: any) => field.name === col.field);
 
                     if (column === 'rvRowIndex' || column === 'rvSymbol' || column === 'rvInteractive') {
                         setUpSpecialColumns(col, columnDefs.value, config.value.state);
diff --git a/src/fixtures/grid/templates/cell-renderer.vue b/src/fixtures/grid/templates/cell-renderer.vue
index 5804ed04a55..3137404cc10 100644
--- a/src/fixtures/grid/templates/cell-renderer.vue
+++ b/src/fixtures/grid/templates/cell-renderer.vue
@@ -57,6 +57,7 @@ const copy = () => {
 
     isCopied.value = true;
     (copyTooltip.value as any)?._tippy.show();
+    // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
     navigator.clipboard.writeText(el.value?.textContent!);
     setTimeout(() => {
         isCopied.value = false;
diff --git a/src/fixtures/grid/templates/clear-filter.vue b/src/fixtures/grid/templates/clear-filter.vue
index 1f7e8726888..76b70389cab 100644
--- a/src/fixtures/grid/templates/clear-filter.vue
+++ b/src/fixtures/grid/templates/clear-filter.vue
@@ -41,6 +41,7 @@ const clearFilters = () => props.params.clearFilters();
 onMounted(async () => {
     // need to hoist events to top level cell wrapper to be keyboard accessible
     await nextTick();
+    // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
     const headerCell: HTMLElement = el.value?.closest('.ag-header-cell')!;
     const grid: HTMLElement = headerCell.closest('.ag-pinned-left-header')!;
     headerCell.addEventListener('keydown', async (e: KeyboardEvent) => {
@@ -61,6 +62,7 @@ onMounted(async () => {
 });
 
 onBeforeUnmount(() => {
+    // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
     const headerCell: HTMLElement = el.value?.closest('.ag-header-cell')!;
     const grid: HTMLElement = headerCell.closest('.ag-pinned-left-header')!;
     headerCell.removeEventListener('keydown', async (e: KeyboardEvent) => {
diff --git a/src/fixtures/grid/templates/custom-button-renderer.vue b/src/fixtures/grid/templates/custom-button-renderer.vue
index 93d4ecc7516..5099c9e7346 100644
--- a/src/fixtures/grid/templates/custom-button-renderer.vue
+++ b/src/fixtures/grid/templates/custom-button-renderer.vue
@@ -23,7 +23,7 @@ const iApi = inject<InstanceAPI>('iApi')!;
 const el = ref<HTMLElement>();
 
 const isButtonVisible = computed<boolean>(() => {
-    let data = Object.assign({}, props.params.data);
+    const data = Object.assign({}, props.params.data);
 
     // Find the layer to determine whether this is a map layer or not.
     const layer: LayerInstance | undefined = iApi.geo.layer.getLayer(data['rvUid'])!;
@@ -38,7 +38,7 @@ const isButtonVisible = computed<boolean>(() => {
 });
 
 const onButtonClick = () => {
-    let data = Object.assign({}, props.params.data);
+    const data = Object.assign({}, props.params.data);
 
     const layer: LayerInstance | undefined = iApi.geo.layer.getLayer(data['rvUid'])!;
     const oidPair = props.params.layerCols[layer.id].find((pair: AttributeMapPair) => pair.origAttr === layer.oidField);
diff --git a/src/fixtures/help/screen.vue b/src/fixtures/help/screen.vue
index 65eb6327416..d3b1c208633 100644
--- a/src/fixtures/help/screen.vue
+++ b/src/fixtures/help/screen.vue
@@ -54,7 +54,7 @@ defineProps({
 const location = computed<string>(() => helpStore.location);
 const helpSections = ref<Array<any>>([]);
 const originalTextArray = ref<Array<any>>([]);
-const watchers = ref<Array<Function>>([]);
+const watchers = ref<Array<() => void>>([]);
 
 const noResults = ref<boolean>(false);
 let numResults: number;
@@ -141,7 +141,7 @@ onBeforeMount(() => {
                     const reg = /^#\s(.*)\n{2}(?:.+|\n(?!\n{2,}))*/gm;
                     // remove new line character ASCII (13) so that above regex is compatible with all
                     // operating systems (markdown file varies by OS new line preference)
-                    let helpMd = r.data.replace(new RegExp(String.fromCharCode(13), 'g'), '');
+                    const helpMd = r.data.replace(new RegExp(String.fromCharCode(13), 'g'), '');
                     helpSections.value = [];
                     let section;
                     while ((section = reg.exec(helpMd))) {
diff --git a/src/fixtures/layer-reorder/components/layer-component.vue b/src/fixtures/layer-reorder/components/layer-component.vue
index 10c7bf3d17e..b9fbc545f0e 100644
--- a/src/fixtures/layer-reorder/components/layer-component.vue
+++ b/src/fixtures/layer-reorder/components/layer-component.vue
@@ -147,7 +147,7 @@ const layersModel = ref<Array<LayerModel>>([]);
  */
 const oldOrder = ref<Array<number>>([]);
 const handlers = ref<Array<string>>([]);
-const watchers = ref<Array<Function>>([]);
+const watchers = ref<Array<() => void>>([]);
 const isAnimationEnabled = computed<boolean>(() => iApi.animate);
 
 /*
@@ -173,7 +173,7 @@ count stays the same.
  */
 const loadLayers = (): void => {
     // remember which layers were expanded
-    let layerExpandedState: { [id: string]: boolean } = {};
+    const layerExpandedState: { [id: string]: boolean } = {};
     layersModel.value.forEach((layer: LayerModel) => {
         layerExpandedState[layer.id] = layer.isExpanded;
     });
@@ -196,7 +196,7 @@ const loadLayers = (): void => {
             const trueIdx: number = layerOrderIds.indexOf(layer.id);
 
             // map layer instance to simpler layer model object
-            let model: LayerModel = {
+            const model: LayerModel = {
                 id: layer.id,
                 uid: layer.uid,
                 name: '',
@@ -228,7 +228,9 @@ const loadLayers = (): void => {
  * @param {LayerInstance} layer the layer that has loaded
  */
 const loadLayerData = (layer: LayerInstance): void => {
-    let model: LayerModel | undefined = layersModel.value.find((layerModel: LayerModel) => layerModel.id === layer.id);
+    const model: LayerModel | undefined = layersModel.value.find(
+        (layerModel: LayerModel) => layerModel.id === layer.id
+    );
 
     if (!model) {
         return;
diff --git a/src/fixtures/legend/api/legend.ts b/src/fixtures/legend/api/legend.ts
index 270790a8ec3..f34bdd7603a 100644
--- a/src/fixtures/legend/api/legend.ts
+++ b/src/fixtures/legend/api/legend.ts
@@ -96,7 +96,6 @@ export class LegendAPI extends FixtureInstance {
 
                 // ts ignoring below because returned item is "LegendItem", but accepted type is "LayerItem | SectionItem"
                 // which is the same thing! (╯°□°）╯︵ ┻━┻
-                //@ts-ignore
                 item!.children.push(this.createItem(childConf, item));
             });
         }
diff --git a/src/fixtures/legend/components/item.vue b/src/fixtures/legend/components/item.vue
index 46f237ce3cb..666213ad312 100644
--- a/src/fixtures/legend/components/item.vue
+++ b/src/fixtures/legend/components/item.vue
@@ -21,7 +21,7 @@
                 ]"
                 @mouseover.stop="hover($event.currentTarget!)"
                 @mouseout="
-                    //@ts-ignore
+                    //@ts-expect-error TODO: explain why this is needed or remove
                     mobileMode ? null : $event.currentTarget?._tippy?.hide(), (hovered = false)
                 "
                 @click="
@@ -648,7 +648,7 @@ const getLegendGraphic = (item: any): string | undefined => {
 const getDatagridExists = (): boolean => {
     try {
         return iApi.fixture.exists('grid');
-    } catch (e) {
+    } catch {
         return false;
     }
 };
@@ -849,8 +849,12 @@ const loadSymbologyStack = () => {
 const hover = (t: EventTarget) => {
     hovered.value = true;
     setTimeout(() => {
-        //@ts-ignore
-        if (hovered.value) mobileMode.value ? null : t._tippy?.show();
+        if (hovered.value) {
+            if (!mobileMode.value) {
+                //@ts-expect-error TODO: explain why this is needed or remove
+                t._tippy?.show();
+            }
+        }
     }, 300);
 };
 
diff --git a/src/fixtures/legend/components/legend-options.vue b/src/fixtures/legend/components/legend-options.vue
index c4f483e5e35..5c1d0888007 100644
--- a/src/fixtures/legend/components/legend-options.vue
+++ b/src/fixtures/legend/components/legend-options.vue
@@ -137,7 +137,7 @@
                 :content="!reloadableLayer ? t('legend.layer.controls.reloadDisabled') : ''"
                 @mouseover.stop="hover($event.currentTarget!)"
                 @mouseout="
-                    //@ts-ignore
+                    //@ts-expect-error TODO: explain why this is needed or remove
                     mobileMode ? null : $event.currentTarget?._tippy?.hide(), (hovered = false)
                 "
                 v-tippy="{
@@ -282,8 +282,12 @@ const reloadableLayer = computed((): boolean => {
 const hover = (t: EventTarget) => {
     hovered.value = true;
     setTimeout(() => {
-        //@ts-ignore
-        if (hovered.value) mobileMode.value ? null : t._tippy?.show();
+        if (hovered.value) {
+            if (!mobileMode.value) {
+                //@ts-expect-error TODO: explain why this is needed or remove
+                t._tippy?.show();
+            }
+        }
     }, 300);
 };
 
@@ -293,7 +297,7 @@ const hover = (t: EventTarget) => {
 const getFixtureExists = (fixtureName: string): boolean => {
     try {
         return iApi.fixture.exists(fixtureName);
-    } catch (e) {
+    } catch {
         return false;
     }
 };
diff --git a/src/fixtures/legend/header.vue b/src/fixtures/legend/header.vue
index ed860b4dc0a..ca361ce03c4 100644
--- a/src/fixtures/legend/header.vue
+++ b/src/fixtures/legend/header.vue
@@ -127,7 +127,7 @@ const toggleWizard = () => {
 const getWizardExists = (): boolean => {
     try {
         return iApi.fixture.exists('wizard');
-    } catch (e) {
+    } catch {
         return false;
     }
 };
@@ -139,7 +139,7 @@ const toggleLayerReorder = () => {
 const getLayerReorderExists = (): boolean => {
     try {
         return iApi.fixture.exists('layer-reorder');
-    } catch (e) {
+    } catch {
         return false;
     }
 };
diff --git a/src/fixtures/legend/screen.vue b/src/fixtures/legend/screen.vue
index 7b8cf1bcdc4..6445a765eb2 100644
--- a/src/fixtures/legend/screen.vue
+++ b/src/fixtures/legend/screen.vue
@@ -68,7 +68,7 @@ defineProps({
 });
 
 const children = computed<Array<LegendItem>>(() => {
-    let legendApi = iApi.fixture.get<LegendAPI>('legend');
+    const legendApi = iApi.fixture.get<LegendAPI>('legend');
     if (legendApi) {
         return [...legendApi.getLegend()];
     }
diff --git a/src/fixtures/legend/store/layer-item.ts b/src/fixtures/legend/store/layer-item.ts
index 54887aae2d1..9e31201271c 100644
--- a/src/fixtures/legend/store/layer-item.ts
+++ b/src/fixtures/legend/store/layer-item.ts
@@ -1,5 +1,5 @@
 import { GlobalEvents, LayerInstance, type InstanceAPI } from '@/api';
-import { DrawState, LayerControl, LayerType } from '@/geo/api';
+import { DrawState, LayerControl } from '@/geo/api';
 import type { LegendSymbology } from '@/geo/api';
 import { LegendItem, LegendType } from './legend-item';
 
@@ -262,7 +262,7 @@ export class LayerItem extends LegendItem {
      * @param {LayerInstance | undefined} layer the layer to load. If undefined, layer will be fetched via instance API using id/uid.
      */
     // TS complaining as usual. Can maybe remove the parameter and expect caller to set the layer first?
-    // @ts-ignore
+    // @ts-expect-error TODO: explain why this is needed or remove
     load(layer: LayerInstance | undefined) {
         // manage the variant param.
         const layerInst =
diff --git a/src/fixtures/legend/store/legend-item.ts b/src/fixtures/legend/store/legend-item.ts
index db6c61906b8..d8c9d955d15 100644
--- a/src/fixtures/legend/store/legend-item.ts
+++ b/src/fixtures/legend/store/legend-item.ts
@@ -61,7 +61,6 @@ export class LegendItem extends APIScope {
 
         this._controls = config.controls?.slice() ?? [LegendControl.Visibility, LegendControl.Expand];
         this._disabledControls = config.disabledControls?.slice();
-        this._lastVisible;
         this._visibleChildren = [];
     }
 
@@ -185,7 +184,9 @@ export class LegendItem extends APIScope {
      */
     toggleVisibility(visible?: boolean, updateParent: boolean = true): void {
         // pass if visibility of item is already equal to the argument value
-        if (this.visibility === visible) return;
+        if (this.visibility === visible) {
+            return;
+        }
 
         this._visibility = visible ?? !this.visibility;
 
@@ -194,9 +195,11 @@ export class LegendItem extends APIScope {
                 // for parent items, if visiblility is toggled on
                 // - if some children were previously visible, toggle on their visiblility
                 // - if no children were previsouly visible, toggle on all children visiblility
-                this._visibleChildren.length > 0
-                    ? this._visibleChildren.forEach(item => item.toggleVisibility(true, false))
-                    : this.children.forEach(item => item.toggleVisibility(true, false));
+                if (this._visibleChildren.length > 0) {
+                    this._visibleChildren.forEach(item => item.toggleVisibility(true, false));
+                } else {
+                    this.children.forEach(item => item.toggleVisibility(true, false));
+                }
             } else {
                 // otherewise turn off visibility for all children
                 this.children.forEach(item => item.toggleVisibility(false, false));
diff --git a/src/fixtures/mapnav/buttons/geolocator-nav.vue b/src/fixtures/mapnav/buttons/geolocator-nav.vue
index 0209a01b23d..b294b897525 100644
--- a/src/fixtures/mapnav/buttons/geolocator-nav.vue
+++ b/src/fixtures/mapnav/buttons/geolocator-nav.vue
@@ -50,7 +50,7 @@ const geolocate = async () => {
 
 // zoom to point
 const zoomIn = (coords: Array<number>): void => {
-    let zoomTarget = new Point('geolocation', coords, SpatialReference.latLongSR(), true);
+    const zoomTarget = new Point('geolocation', coords, SpatialReference.latLongSR(), true);
     iApi.geo.map.zoomMapTo(zoomTarget);
 };
 
diff --git a/src/fixtures/metadata/screen.vue b/src/fixtures/metadata/screen.vue
index 52c2e93baa9..296ba4ddf7f 100644
--- a/src/fixtures/metadata/screen.vue
+++ b/src/fixtures/metadata/screen.vue
@@ -73,7 +73,7 @@ const response = computed(() => metadataStore.response);
 const layerExists = ref(false); // tracks whether the layer still exists
 const cache = reactive<MetadataCache>({});
 const handlers = reactive<Array<string>>([]);
-const watchers = reactive<Array<Function>>([]);
+const watchers = reactive<Array<() => void>>([]);
 
 onMounted(() => {
     loadMetadata();
@@ -147,20 +147,20 @@ const loadMetadata = () => {
                     )
                 );
 
-                //@ts-ignore
+                //@ts-expect-error TODO: explain why this is needed or remove
                 metadataStore.response = textContainer.outerHTML;
             }
         });
     } else if (props.payload.type === 'html') {
         requestContent(props.payload.url).then(r => {
             metadataStore.status = r.status;
-            //@ts-ignore
+            //@ts-expect-error TODO: explain why this is needed or remove
             metadataStore.response = r.response;
         });
     } else if (props.payload.type === 'md') {
         requestContent(props.payload.url).then(r => {
             metadataStore.status = r.status;
-            //@ts-ignore
+            //@ts-expect-error TODO: explain why this is needed or remove
             metadataStore.response = marked(r.response);
         });
     }
diff --git a/src/fixtures/overviewmap/overviewmap.vue b/src/fixtures/overviewmap/overviewmap.vue
index bd3d408d559..8d0f729bec5 100644
--- a/src/fixtures/overviewmap/overviewmap.vue
+++ b/src/fixtures/overviewmap/overviewmap.vue
@@ -66,7 +66,7 @@ const activeBasemap = computed<RampBasemapConfig>(() => configStore.activeBasema
 const mapConfig = computed(() => overviewmapStore.mapConfig);
 const basemaps = computed(() => overviewmapStore.basemaps as { [key: string]: RampBasemapConfig });
 const startMinimized = computed(() => overviewmapStore.startMinimized);
-let overviewMap = reactive(new OverviewMapAPI(iApi));
+const overviewMap = reactive(new OverviewMapAPI(iApi));
 const minimized = ref(true);
 const hoverOnExtent = ref(false);
 const handlers = reactive<Array<string>>([]);
@@ -84,7 +84,7 @@ onMounted(async () => {
     minimized.value = startMinimized.value!;
 
     // update the overview map with the current map extent
-    let updatePromise = overviewMap.updateOverview(iApi.geo.map.getExtent());
+    const updatePromise = overviewMap.updateOverview(iApi.geo.map.getExtent());
     // update the overview map whenever the extent changes
     handlers.push(
         iApi.event.on(
@@ -195,7 +195,7 @@ const _adaptBasemap = () => {
             // override the intial basemap id in the overview map config
             overviewmapStore.updateInitialBasemap(basemap.id);
         }
-    } catch (err) {
+    } catch {
         // if we errored above, just use the main map's basemap
 
         // do we want this warning? will throw on every map refresh if no basemaps have been provided in the config (which is valid)
diff --git a/src/fixtures/panguard/map-panguard.vue b/src/fixtures/panguard/map-panguard.vue
index 26c5380beec..bd6ec24d388 100644
--- a/src/fixtures/panguard/map-panguard.vue
+++ b/src/fixtures/panguard/map-panguard.vue
@@ -61,7 +61,7 @@ const setup = () => {
         );
 
         esriHandlers.push(
-            //@ts-ignore
+            //@ts-expect-error TODO: explain why this is needed or remove
             iApi.geo.map.esriView!.on(['pointer-up', 'pointer-leave'], e => {
                 if (e.pointerType !== 'touch') return;
                 // small delay as to not offend panguard when lifting more than one finger
diff --git a/src/fixtures/settings/screen.vue b/src/fixtures/settings/screen.vue
index e3ad0aec5d2..bd37ffe0636 100644
--- a/src/fixtures/settings/screen.vue
+++ b/src/fixtures/settings/screen.vue
@@ -141,7 +141,7 @@ const opacityModel = ref(props.layer.opacity * 100);
 const identifyModel = ref(props.layer.identify);
 const layerExists = ref(false); // tracks whether the layer still exists
 const handlers = reactive<Array<string>>([]);
-const watchers = reactive<Array<Function>>([]);
+const watchers = reactive<Array<() => void>>([]);
 
 layerExists.value = props.layer !== undefined && !props.layer!.isRemoved;
 
diff --git a/src/fixtures/settings/templates/input-control.vue b/src/fixtures/settings/templates/input-control.vue
index 3ffa8337f75..ff2e3cc989f 100644
--- a/src/fixtures/settings/templates/input-control.vue
+++ b/src/fixtures/settings/templates/input-control.vue
@@ -42,7 +42,7 @@ const props = defineProps({
 });
 
 const isDisabled = ref(!!props.config.disabled);
-const watchers = reactive<Array<Function>>([]);
+const watchers = reactive<Array<() => void>>([]);
 
 watchers.push(
     // watch the config for changes to the opacity value
diff --git a/src/fixtures/settings/templates/slider-control.vue b/src/fixtures/settings/templates/slider-control.vue
index 2241ce8fbe5..1bb52ddbb13 100644
--- a/src/fixtures/settings/templates/slider-control.vue
+++ b/src/fixtures/settings/templates/slider-control.vue
@@ -35,7 +35,7 @@ const props = defineProps({
 
 const value = ref(props.config.value);
 const isDisabled = ref(!!props.config.disabled);
-const watchers = reactive<Array<Function>>([]);
+const watchers = reactive<Array<() => void>>([]);
 
 watchers.push(
     // watch the config for changes to the opacity value
diff --git a/src/fixtures/wizard/form-input.vue b/src/fixtures/wizard/form-input.vue
index 085234941f7..c9766dd9ed7 100644
--- a/src/fixtures/wizard/form-input.vue
+++ b/src/fixtures/wizard/form-input.vue
@@ -283,7 +283,7 @@ const props = defineProps({
     },
     ariaLabel: {
         type: String,
-        default: false
+        default: ''
     }
 });
 
@@ -302,12 +302,12 @@ const valueLabel = ref('value-label');
 const optionLabel = ref('option-label');
 const resizeObserver = ref<ResizeObserver | undefined>(undefined);
 const treeWrapper = ref<HTMLElement | null>(null);
-const watchers = reactive<Array<Function>>([]);
+const watchers = reactive<Array<() => void>>([]);
 
 if (props.defaultOption && props.modelValue === '' && props.options.length) {
     // regex to guess closest default value for lat/long fields
     // eslint has beef with the following line for unknown reasons.
-    // eslint-disable-next-line
+
     let defaultValue = props.options[0].value;
     if (props.name === 'latField') {
         const latNames = new RegExp(/^(y|lat.*)$/i);
@@ -333,13 +333,17 @@ const validUrl = (url: string) => {
     let newUrl;
     try {
         newUrl = new URL(url);
-    } catch (_) {
+    } catch {
         valid.value = false;
         return false;
     }
 
     const link = newUrl.protocol === 'http:' || newUrl.protocol === 'https:';
-    link ? (valid.value = true) : (valid.value = false);
+    if (link) {
+        valid.value = true;
+    } else {
+        valid.value = false;
+    }
 };
 
 const handleUpload = (event: Event) => {
@@ -354,9 +358,11 @@ const handleUrlInput = (event: Event) => {
 };
 
 const handleServiceSelection = (size: string | number, event: Event) => {
-    size
-        ? emit('select', (event.target as HTMLInputElement).value)
-        : emit('update:modelValue', (event.target as HTMLInputElement).value);
+    if (size) {
+        emit('select', (event.target as HTMLInputElement).value);
+    } else {
+        emit('update:modelValue', (event.target as HTMLInputElement).value);
+    }
 };
 
 const handleNestedChecked = (event: Event) => {
@@ -372,7 +378,7 @@ const handleNameInput = (event: Event) => {
 const handleSelection = () => {
     // small delay so the selected model can update
     emit('select', props.sublayerOptions(selected.value));
-    selected.value && selected.value.length > 0 ? (sublayersError.value = false) : (sublayersError.value = true);
+    sublayersError.value = selected.value && selected.value.length > 0 ? false : true;
 };
 
 const truncateVal = (selected: string) => {
@@ -393,9 +399,11 @@ function observeHeight() {
 
 const setHeight = () => {
     // calculates height of tree selector
-    const menuHeight = iApi!.$vApp.$el.querySelector('.vue-treeselect__menu')?.clientHeight!;
+    const menuElement = iApi!.$vApp.$el.querySelector('.vue-treeselect__menu');
+    const menuHeight = menuElement ? menuElement.clientHeight : 0;
 
-    const selectHeight = iApi!.$vApp.$el.querySelector('.vue-treeselect__control')?.clientHeight!;
+    const selectElement = iApi!.$vApp.$el.querySelector('.vue-treeselect__control');
+    const selectHeight = selectElement ? selectElement.clientHeight : 0;
 
     el.value.style.height = `${menuHeight + selectHeight + 30}px`;
 };
@@ -462,7 +470,8 @@ onBeforeUnmount(() => {
 }
 
 :deep(.vue-treeselect__input:focus) {
-    @apply ring-transparent pl-0 #{!important};
+    outline: none !important;
+    padding-left: 0 !important;
 }
 
 :deep(.vue-treeselect__multi-value) {
diff --git a/src/fixtures/wizard/index.ts b/src/fixtures/wizard/index.ts
index 4e3d05339ab..1e7fb1f8d59 100644
--- a/src/fixtures/wizard/index.ts
+++ b/src/fixtures/wizard/index.ts
@@ -34,7 +34,7 @@ class WizardFixture extends WizardAPI {
         let layerSource: LayerSource | undefined = new LayerSource(this.$iApi);
 
         const wizardStore = useWizardStore(this.$vApp.$pinia);
-        //@ts-ignore
+        //@ts-expect-error TODO: explain why this is needed or remove
         wizardStore.layerSource = layerSource;
 
         // override the removed method here to get access to scope
diff --git a/src/fixtures/wizard/screen.vue b/src/fixtures/wizard/screen.vue
index 5b464d4c342..ed758accd1a 100644
--- a/src/fixtures/wizard/screen.vue
+++ b/src/fixtures/wizard/screen.vue
@@ -314,9 +314,9 @@ const goNext = ref(false);
 const finishStep = ref(false);
 const validation = ref(false);
 
-const layerReady = ref<Boolean>(false);
-const layerUploaded = ref<Boolean>(true);
-const layerName = ref<String>('');
+const layerReady = ref<boolean>(false);
+const layerUploaded = ref<boolean>(true);
+const layerName = ref<string>('');
 
 const displayFormat = ref<string>('');
 
@@ -397,7 +397,7 @@ const layerInfo = computed({
 });
 const IsCorsRequired = computed(() => {
     // check if proxy is defined
-    let hasProxy = iApi.geo.proxy !== '';
+    const hasProxy = iApi.geo.proxy !== '';
 
     // handle cases for each type
     switch (typeSelection.value) {
@@ -540,7 +540,7 @@ const onSelectContinue = async (event: any) => {
         if (isFileLayer() && fileData.value) {
             layerInfo.value.config.url = '';
         }
-    } catch (_) {
+    } catch {
         disabled.value = false;
         failureError.value = true;
         return;
@@ -625,7 +625,11 @@ const updateFile = (newFile: File) => {
 
 const updateUrl = (urlVal: string, valid: boolean) => {
     url.value = urlVal.trim();
-    valid ? (goNext.value = true) : (goNext.value = false);
+    if (valid) {
+        goNext.value = true;
+    } else {
+        goNext.value = false;
+    }
 };
 
 const updateTypeSelection = (type: string) => {
@@ -637,12 +641,20 @@ const updateLayerName = (name: string) => {
     layerInfo.value!.config.name = name.trim();
     const sublayers = layerInfo.value?.config.sublayers;
     const canFinish = sublayers ? name && sublayers.length > 0 : name.trim();
-    canFinish ? (finishStep.value = true) : (finishStep.value = false);
+    if (canFinish) {
+        finishStep.value = true;
+    } else {
+        finishStep.value = false;
+    }
 };
 
 const updateSublayers = (sublayer: Array<any>) => {
     layerInfo.value!.config.sublayers = sublayer;
-    sublayer.length > 0 && layerInfo.value?.config.name ? (finishStep.value = true) : (finishStep.value = false);
+    if (sublayer.length > 0 && layerInfo.value?.config.name) {
+        finishStep.value = true;
+    } else {
+        finishStep.value = false;
+    }
 };
 
 const updateNested = (isNested: boolean) => {
diff --git a/src/fixtures/wizard/stepper-item.vue b/src/fixtures/wizard/stepper-item.vue
index 9c838d4b864..c83255ad98c 100644
--- a/src/fixtures/wizard/stepper-item.vue
+++ b/src/fixtures/wizard/stepper-item.vue
@@ -53,7 +53,7 @@ const stepper = inject('stepper') as any;
 const stepItem = ref<HTMLElement>();
 const emit = defineEmits(['focusPanel', 'focusFirstElement']);
 
-const props = defineProps({
+defineProps({
     title: {
         type: String,
         required: true
diff --git a/src/fixtures/wizard/stepper.vue b/src/fixtures/wizard/stepper.vue
index d63a2c75d23..67f7198ba53 100644
--- a/src/fixtures/wizard/stepper.vue
+++ b/src/fixtures/wizard/stepper.vue
@@ -15,7 +15,7 @@ const props = defineProps({
 });
 
 const step = computed(() => props.activeStep);
-const watchers = reactive<Array<Function>>([]);
+const watchers = reactive<Array<() => void>>([]);
 
 const stepper = reactive({
     activeIndex: props.activeStep,
diff --git a/src/geo/api/geo-defs.ts b/src/geo/api/geo-defs.ts
index 975fcf84035..d08b44cc84d 100644
--- a/src/geo/api/geo-defs.ts
+++ b/src/geo/api/geo-defs.ts
@@ -49,9 +49,11 @@ export const enum LineStyleType {
     LONGDASHDOT = 'long-dash-dot',
     LONGDASHDOTDOT = 'long-dash-dot-dot',
     NONE = 'none',
+    // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
     NULL = 'none', // for backwards compatibility
     SHORTDASH = 'short-dash',
     SHORTDASHDOT = 'short-dash-dot',
+    // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
     SHORTDASHDOTDOT = 'short-dash-dot-dot',
     SHORTDOT = 'short-dot',
     SOLID = 'solid'
@@ -76,6 +78,7 @@ export const enum FillStyleType {
     FDIAG = 'forward-diagonal',
     HORIZONTAL = 'horizontal',
     NONE = 'none',
+    // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
     NULL = 'none', // for backwards compatibility
     SOLID = 'solid',
     VERTICAL = 'vertical'
diff --git a/src/geo/api/graphic/style/point-style.ts b/src/geo/api/graphic/style/point-style.ts
index 40c060182b0..42d0a360856 100644
--- a/src/geo/api/graphic/style/point-style.ts
+++ b/src/geo/api/graphic/style/point-style.ts
@@ -226,7 +226,7 @@ export class PointStyle extends BaseStyle {
         return (
             !!text.match(/\.(jpeg|jpg|gif|png|swf|svg)$/) ||
             !!text.match(
-                /^\s*data:([a-z]+\/[a-z0-9\-\+]+(;[a-z\-]+\=[a-z0-9\-]+)?)?(;base64)?,[a-z0-9\!\$\&\'\,\(\)\*\+\,\;\=\-\.\_\~\:\@\/\?\%\s]*\s*$/i //eslint-disable-line
+                /^\s*data:([a-z]+\/[a-z0-9\-\+]+(;[a-z\-]+\=[a-z0-9\-]+)?)?(;base64)?,[a-z0-9\!\$\&\'\,\(\)\*\+\,\;\=\-\.\_\~\:\@\/\?\%\s]*\s*$/i  
             )
         );
     }
diff --git a/src/geo/api/utils/projection.ts b/src/geo/api/utils/projection.ts
index 410ca1ed872..6e65cd336e3 100644
--- a/src/geo/api/utils/projection.ts
+++ b/src/geo/api/utils/projection.ts
@@ -193,7 +193,7 @@ export class ProjectionAPI {
                 }
                 proj4.defs(epsgStr, def);
                 return true;
-            } catch (e) {
+            } catch {
                 return false;
             }
         };
diff --git a/src/geo/api/utils/promise.ts b/src/geo/api/utils/promise.ts
index 9b574ab9630..e3fdbcb36ff 100644
--- a/src/geo/api/utils/promise.ts
+++ b/src/geo/api/utils/promise.ts
@@ -18,8 +18,9 @@
 export class DefPromise<T> {
     protected realPromise: Promise<T>;
 
-    resolveMe(v?: T): void {
-        // i do nothing as i get overwritten;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    resolveMe(_v?: T): void {
+        // i do nothing as i get overwritten
     }
 
     rejectMe(): void {
diff --git a/src/geo/layer/file-layer.ts b/src/geo/layer/file-layer.ts
index cf0d477ced5..1ddc0a1c62b 100644
--- a/src/geo/layer/file-layer.ts
+++ b/src/geo/layer/file-layer.ts
@@ -132,7 +132,7 @@ export class FileLayer extends AttribLayer {
         ];
 
         copyProp.forEach((p: string) => {
-            // @ts-ignore
+            // @ts-expect-error TODO: explain why this is needed or remove
             esriConfig[p] = this.esriJson[p];
         });
 
diff --git a/src/geo/layer/layer.ts b/src/geo/layer/layer.ts
index 0c79eaa23d1..e3658a52954 100644
--- a/src/geo/layer/layer.ts
+++ b/src/geo/layer/layer.ts
@@ -210,7 +210,7 @@ export class LayerAPI extends APIScope {
      * @returns {Array<LayerInstance>} all layers on the map
      */
     allLayersOnMap(inMapOrder: boolean = true): Array<LayerInstance> {
-        let mapLayers = this.allLayers().filter(l => l.mapLayer && l.initiationState === InitiationState.INITIATED);
+        const mapLayers = this.allLayers().filter(l => l.mapLayer && l.initiationState === InitiationState.INITIATED);
 
         if (inMapOrder) {
             const lOrder = this.layerOrderIds();
diff --git a/src/geo/layer/map-image-layer.ts b/src/geo/layer/map-image-layer.ts
index 8505cf9d4dd..4eb5c4c3a2c 100644
--- a/src/geo/layer/map-image-layer.ts
+++ b/src/geo/layer/map-image-layer.ts
@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-
 import {
     GlobalEvents,
     InstanceAPI,
@@ -90,7 +88,7 @@ export class MapImageLayer extends MapLayer {
             // Note png24 is esri default according to docs, but if you set it as default it wrecks the edges
             // of most features. My belief is the actual default is the best setting the server supports,
             // so will only set the esri config if we have an override
-            // @ts-ignore
+            // @ts-expect-error TODO: explain why this is needed or remove
             esriConfig.imageFormat = rampLayerConfig.imageFormat;
         }
 
diff --git a/src/geo/layer/map-image-sublayer.ts b/src/geo/layer/map-image-sublayer.ts
index dd0162641c2..ac4da10526a 100644
--- a/src/geo/layer/map-image-sublayer.ts
+++ b/src/geo/layer/map-image-sublayer.ts
@@ -263,7 +263,8 @@ export class MapImageSublayer extends AttribLayer {
      */
     getSR(): SpatialReference {
         if (this.parentLayer?.esriLayer) {
-            return SpatialReference.fromESRI((<any>this._parentLayer?.esriLayer)?.spatialReference!);
+            const sr = (<any>this._parentLayer?.esriLayer)?.spatialReference;
+            return sr ? SpatialReference.fromESRI(sr) : SpatialReference.latLongSR();
         } else {
             this.noLayerErr();
             return SpatialReference.latLongSR();
diff --git a/src/geo/layer/map-layer.ts b/src/geo/layer/map-layer.ts
index 6d024d966b5..8288ef5d7aa 100644
--- a/src/geo/layer/map-layer.ts
+++ b/src/geo/layer/map-layer.ts
@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
+ 
 
 import { CommonLayer, GlobalEvents, InstanceAPI } from '@/api/internal';
 import { DefPromise, DrawState, Extent, InitiationState, LayerState, ScaleSet, SpatialReference } from '@/geo/api';
diff --git a/src/geo/layer/support/file-utils.ts b/src/geo/layer/support/file-utils.ts
index e49ed086bbc..6eb15ac4980 100644
--- a/src/geo/layer/support/file-utils.ts
+++ b/src/geo/layer/support/file-utils.ts
@@ -388,12 +388,12 @@ export class FileUtils extends APIScope {
         //      then this likely needs a full file scan & analysis
         const geoJsonGeomType = geoJson.features[0].geometry.type;
 
-        // @ts-ignore
+        // @ts-expect-error TODO: explain why this is needed or remove
         const value = featureTypeToRenderer[geoJsonGeomType];
         // clone the default renderer so changes don't persist
         // also note that this default renderer object is in ArcGIS Server object format
         const defRender: any = JSON.parse(
-            // @ts-ignore
+            // @ts-expect-error TODO: explain why this is needed or remove
             JSON.stringify(defaultRenderers[value])
         );
 
@@ -436,10 +436,10 @@ export class FileUtils extends APIScope {
         // add all the fields to config.Package
         configPackage.fields = (configPackage.fields || []).concat(
             options.fieldMetadata?.exclusiveFields
-                ? (this.extractGeoJsonFields(geoJson) as Array<Object>).filter((field: any) =>
+                ? (this.extractGeoJsonFields(geoJson) as Array<object>).filter((field: any) =>
                       options.fieldMetadata?.fieldInfo?.find((f: any) => f.name === field.name)
                   )
-                : (this.extractGeoJsonFields(geoJson) as Array<Object>)
+                : (this.extractGeoJsonFields(geoJson) as Array<object>)
         );
 
         // fix the order in configPackage.fields if specified in the config
diff --git a/src/geo/layer/support/ogc-utils.ts b/src/geo/layer/support/ogc-utils.ts
index 7334a41922d..93583690ebe 100644
--- a/src/geo/layer/support/ogc-utils.ts
+++ b/src/geo/layer/support/ogc-utils.ts
@@ -263,7 +263,7 @@ export class OgcUtils extends APIScope {
                     return [];
                 }
                 const xmlData: string = new XMLSerializer().serializeToString(xmlNode);
-                const options: Object = {
+                const options: object = {
                     ignoreAttributes: false // check for tag attributes
                 };
                 const jsonObj: any = new XMLParser(options).parse(xmlData);
diff --git a/src/geo/layer/table-layer.ts b/src/geo/layer/table-layer.ts
index 98c940c0d1f..4baf76a3ea6 100644
--- a/src/geo/layer/table-layer.ts
+++ b/src/geo/layer/table-layer.ts
@@ -6,11 +6,10 @@ import {
     InstanceAPI,
     QuickCache
 } from '@/api/internal';
-import { CoreFilter, Extent, Filter, Graphic, LayerType, NoGeometry } from '@/geo/api';
+import { CoreFilter, Filter, Graphic, LayerType, NoGeometry } from '@/geo/api';
 import type {
     Attributes,
     DiscreteGraphicResult,
-    GetGraphicParams,
     QueryFeaturesArcServerParams,
     QueryFeaturesParams,
     RampLayerConfig
@@ -105,7 +104,7 @@ export class TableLayer extends DataLayer {
         return loadPromises;
     }
 
-    async getGraphic(objectId: number, opts: GetGraphicParams): Promise<Graphic> {
+    async getGraphic(objectId: number): Promise<Graphic> {
         // overridden from DataLayer just to take advantage of caching. If we decide to drop caching, this can almost be deleted;
         // would just need to ensure the attribute downloader runs first if not already started.
 
@@ -208,10 +207,7 @@ export class TableLayer extends DataLayer {
         return this.filter.getCombinedSql(exclusions);
     }
 
-    async getFilterOIDs(
-        exclusions: Array<string> = [],
-        extent: Extent | undefined = undefined
-    ): Promise<Array<number> | undefined> {
+    async getFilterOIDs(exclusions: Array<string> = []): Promise<Array<number> | undefined> {
         const sql = this.filter.getCombinedSql(exclusions);
 
         if (!sql) {
@@ -266,13 +262,9 @@ export class TableLayer extends DataLayer {
 
         const oids = await this.queryOIDs(options);
 
-        // run result ids through our quick cache pipeline
-        const p: GetGraphicParams = {
-            getAttribs: true
-        };
         return oids.map(oid => ({
             oid: oid,
-            graphic: this.getGraphic(oid, p)
+            graphic: this.getGraphic(oid)
         }));
     }
 
diff --git a/src/geo/layer/wms-layer.ts b/src/geo/layer/wms-layer.ts
index 5fe9770d02f..75734e02880 100644
--- a/src/geo/layer/wms-layer.ts
+++ b/src/geo/layer/wms-layer.ts
@@ -309,7 +309,7 @@ export class WmsLayer extends MapLayer {
         // TODO worth examining: the esri layer has properties .featureInfoUrl and .featureInfoFormat
         //      possible these can simplify a lot of this code?
 
-        // @ts-ignore
+        // @ts-expect-error TODO: explain why this is needed or remove
         const returnType = customReturnType[mimeType] || 'text';
 
         // our incoming map/point information are likely in the same spatial reference.
@@ -378,13 +378,13 @@ export class WmsLayer extends MapLayer {
         if (clp) {
             Object.keys(clp).forEach(key => {
                 if (key.toLowerCase() !== 'styles') {
-                    // @ts-ignore
+                    // @ts-expect-error TODO: explain why this is needed or remove
                     settings[key] = clp[key];
                 }
             });
         }
 
-        // @ts-ignore
+        // @ts-expect-error TODO: explain why this is needed or remove
         Object.keys(settings).forEach(key => (req[key] = settings[key]));
 
         return EsriRequest(esriLayer.url.split('?')[0], {
diff --git a/src/geo/map/common-map.ts b/src/geo/map/common-map.ts
index c268d938c6f..0d135443ca2 100644
--- a/src/geo/map/common-map.ts
+++ b/src/geo/map/common-map.ts
@@ -269,15 +269,15 @@ export class CommonMapAPI extends APIScope {
         this.handlers = [];
 
         // Destroy the current map view
-        // @ts-ignore
+        // @ts-expect-error TODO: explain why this is needed or remove
         this.esriView.map = null;
-        // @ts-ignore
+        // @ts-expect-error TODO: explain why this is needed or remove
         this.esriView.container = null;
-        // @ts-ignore
+        // @ts-expect-error TODO: explain why this is needed or remove
         this.esriView.spatialReference = null;
-        // @ts-ignore
+        // @ts-expect-error TODO: explain why this is needed or remove
         this.esriView.extent = null;
-        // @ts-ignore
+        // @ts-expect-error TODO: explain why this is needed or remove
         this.esriView.navigation = null;
         this.esriView.destroy();
         delete this.esriView;
diff --git a/src/geo/utils/attribute.ts b/src/geo/utils/attribute.ts
index 3b4b33c6f8c..bee934f4268 100644
--- a/src/geo/utils/attribute.ts
+++ b/src/geo/utils/attribute.ts
@@ -302,7 +302,7 @@ export class AttributeAPI extends APIScope {
         if (feats.length > 0) {
             let geom: BaseGeometry;
 
-            let feat = this.trimFeatureSetAttributes([feats[0]], details.fieldsToTrim ?? [])[0];
+            const feat = this.trimFeatureSetAttributes([feats[0]], details.fieldsToTrim ?? [])[0];
 
             if (details.includeGeometry) {
                 // server result omits spatial reference
@@ -401,7 +401,7 @@ export class AttributeAPI extends APIScope {
         }
 
         // Find the fields that should be trimmed (have trim = true)...
-        let fieldsToTrim = fieldMetadata.fieldInfo.filter(elem => elem.trim).map(elem => elem.name);
+        const fieldsToTrim = fieldMetadata.fieldInfo.filter(elem => elem.trim).map(elem => elem.name);
 
         // ...and set their trim properties on the layer
         layer.fields.forEach(field => {
@@ -571,7 +571,7 @@ export class AttributeAPI extends APIScope {
                 // have to use function() to get .this to reference the row.
                 // arrow notation will reference the attribFC class.
                 const secretFunc = function () {
-                    // @ts-ignore
+                    // @ts-expect-error TODO: explain why this is needed or remove
                     return this[c.data];
                 };
 
diff --git a/src/geo/utils/symbology.ts b/src/geo/utils/symbology.ts
index 98b03ce8d0e..a15f97ec6fb 100644
--- a/src/geo/utils/symbology.ts
+++ b/src/geo/utils/symbology.ts
@@ -59,7 +59,7 @@ export class SymbologyAPI extends APIScope {
      * @param {Object} renderer an enhanced renderer (see function enhanceRenderer)
      * @return {Object} an ESRI Symbol object in server format
      */
-    getGraphicSymbol(attributes: Object, renderer: BaseRenderer): __esri.Symbol {
+    getGraphicSymbol(attributes: object, renderer: BaseRenderer): __esri.Symbol {
         return renderer.getGraphicSymbol(attributes);
     }
 
@@ -90,7 +90,7 @@ export class SymbologyAPI extends APIScope {
      * @param {String} imageUri url or dataUrl of the legend image
      * @return {Promise} a promise resolving with symbology svg code and its label
      */
-    async generateWMSSymbology(imageUri: string): Promise<Object> {
+    async generateWMSSymbology(imageUri: string): Promise<object> {
         const draw = svgjs(document.createElement('div'))
             .size(this.CONTAINER_SIZE, this.CONTAINER_SIZE)
             .viewbox(0, 0, 0, 0);
@@ -126,11 +126,11 @@ export class SymbologyAPI extends APIScope {
      *
      * @private
      * @function _listToSymbology
-     * @param {Function} conversionFunction a conversion function to wrap the supplied image into an image or an icon style symbology container
+     * @param {(image: string) => Promise<string>} conversionFunction a conversion function to wrap the supplied image into an image or an icon style symbology container
      * @param {Array} list a list of config-supplied symbology items in the form of [ { text: <String>, image: <String> }, ... ] wher `image` can be dataURL or an actual url
      * @return {Array} an array of converted symbology symbols in the form of [ { name: <String>, image: <String>, svgcode: <String> }, ... ]; items will be populated async as conversions are done
      */
-    private listToSymbology(conversionFunction: Function, list: Array<any>): Array<Object> {
+    private listToSymbology(conversionFunction: (image: string) => Promise<string>, list: Array<any>): Array<object> {
         const results = list.map(({ text, image }) => {
             const result = {
                 name: text,
@@ -307,37 +307,37 @@ export class SymbologyAPI extends APIScope {
         // jscs doesn't like enhanced object notation
         // jscs:disable requireSpacesInAnonymousFunctionExpression
         const esriSimpleMarkerSimbol = {
-            // @ts-ignore
+            // @ts-expect-error TODO: explain why this is needed or remove
             path({ size, path }) {
                 // esriSMSPath
                 return draw.path(path).size(size * pts2Pxl);
             },
-            // @ts-ignore
+            // @ts-expect-error TODO: explain why this is needed or remove
             circle({ size }) {
                 // esriSMSCircle
                 return draw.circle(size * pts2Pxl);
             },
-            // @ts-ignore
+            // @ts-expect-error TODO: explain why this is needed or remove
             cross({ size }) {
                 // esriSMSCross
                 return draw.path('M 0,10 L 20,10 M 10,0 L 10,20').size(size * pts2Pxl);
             },
-            // @ts-ignore
+            // @ts-expect-error TODO: explain why this is needed or remove
             x({ size }) {
                 // esriSMSX
                 return draw.path('M 0,0 L 20,20 M 20,0 L 0,20').size(size * pts2Pxl);
             },
-            // @ts-ignore
+            // @ts-expect-error TODO: explain why this is needed or remove
             triangle({ size }) {
                 // esriSMSTriangle
                 return draw.path('M 20,20 L 10,0 0,20 Z').size(size * pts2Pxl);
             },
-            // @ts-ignore
+            // @ts-expect-error TODO: explain why this is needed or remove
             diamond({ size }) {
                 // esriSMSDiamond
                 return draw.path('M 20,10 L 10,0 0,10 10,20 Z').size(size * pts2Pxl);
             },
-            // @ts-ignore
+            // @ts-expect-error TODO: explain why this is needed or remove
             square({ size }) {
                 // esriSMSSquare
                 return draw.path('M 0,0 20,0 20,20 0,20 Z').size(size * pts2Pxl);
@@ -390,7 +390,7 @@ export class SymbologyAPI extends APIScope {
                 };
             },
             none: () => 'transparent', // esriSFSNull
-            horizontal: (_symbolColour: Object, symbolStroke: svgjs.StrokeData) => {
+            horizontal: (_symbolColour: object, symbolStroke: svgjs.StrokeData) => {
                 // esriSFSHorizontal
                 const cellSize = 5;
 
@@ -399,7 +399,7 @@ export class SymbologyAPI extends APIScope {
                     .pattern(cellSize, cellSize, add => add.line(0, cellSize / 2, cellSize, cellSize / 2))
                     .stroke(symbolStroke);
             },
-            vertical: (_symbolColour: Object, symbolStroke: svgjs.StrokeData) => {
+            vertical: (_symbolColour: object, symbolStroke: svgjs.StrokeData) => {
                 // esriSFSVertical
                 const cellSize = 5;
 
@@ -408,7 +408,7 @@ export class SymbologyAPI extends APIScope {
                     .pattern(cellSize, cellSize, add => add.line(cellSize / 2, 0, cellSize / 2, cellSize))
                     .stroke(symbolStroke);
             },
-            'forward-diagonal': (_symbolColour: Object, symbolStroke: svgjs.StrokeData) => {
+            'forward-diagonal': (_symbolColour: object, symbolStroke: svgjs.StrokeData) => {
                 // esriSFSForwardDiagonal
                 const cellSize = 5;
 
@@ -419,7 +419,7 @@ export class SymbologyAPI extends APIScope {
                     add.line(0, 0, cellSize, cellSize).move(cellSize, 0).stroke(symbolStroke);
                 });
             },
-            'backward-diagonal': (_symbolColour: Object, symbolStroke: svgjs.StrokeData) => {
+            'backward-diagonal': (_symbolColour: object, symbolStroke: svgjs.StrokeData) => {
                 // esriSFSBackwardDiagonal
                 const cellSize = 5;
 
@@ -434,7 +434,7 @@ export class SymbologyAPI extends APIScope {
                         .stroke(symbolStroke);
                 });
             },
-            cross: (_symbolColour: Object, symbolStroke: svgjs.StrokeData) => {
+            cross: (_symbolColour: object, symbolStroke: svgjs.StrokeData) => {
                 // esriSFSCross
                 const cellSize = 5;
 
@@ -444,7 +444,7 @@ export class SymbologyAPI extends APIScope {
                     add.line(0, cellSize / 2, cellSize, cellSize / 2).stroke(symbolStroke);
                 });
             },
-            'diagonal-cross': (_symbolColour: Object, symbolStroke: svgjs.StrokeData) => {
+            'diagonal-cross': (_symbolColour: object, symbolStroke: svgjs.StrokeData) => {
                 // esriSFSDiagonalCross
                 const cellSize = 7;
 
@@ -469,12 +469,12 @@ export class SymbologyAPI extends APIScope {
                     color: outlineColour.colour,
                     opacity: outlineColour.opacity,
                     width: symbol.outline.width,
-                    // @ts-ignore
+                    // @ts-expect-error TODO: explain why this is needed or remove
                     dasharray: ESRI_DASH_MAPS[symbol.outline.style]
                 });
 
                 // make an ESRI simple symbol and apply fill and outline to it
-                // @ts-ignore
+                // @ts-expect-error TODO: explain why this is needed or remove
                 const marker = esriSimpleMarkerSimbol[symbol.style](symbol)
                     .fill({
                         color: symbolColour.colour,
@@ -494,7 +494,7 @@ export class SymbologyAPI extends APIScope {
                     opacity: lineColour.opacity,
                     width: symbol.width,
                     linecap: 'butt',
-                    // @ts-ignore
+                    // @ts-expect-error TODO: explain why this is needed or remove
                     dasharray: ESRI_DASH_MAPS[symbol.style]
                 });
 
@@ -514,7 +514,7 @@ export class SymbologyAPI extends APIScope {
                     color: symbolColour.colour,
                     opacity: symbolColour.opacity
                 });
-                // @ts-ignore
+                // @ts-expect-error TODO: explain why this is needed or remove
                 const symbolFill = esriSFSFills[symbol.style](symbolColour, symbolStroke);
 
                 symbol.outline = symbol.outline || DEFAULT_OUTLINE;
@@ -524,7 +524,7 @@ export class SymbologyAPI extends APIScope {
                     opacity: outlineColour.opacity,
                     width: symbol.outline.width,
                     linecap: 'butt',
-                    // @ts-ignore
+                    // @ts-expect-error TODO: explain why this is needed or remove
                     dasharray: ESRI_DASH_MAPS[symbol.outline.style]
                 });
 
@@ -555,7 +555,7 @@ export class SymbologyAPI extends APIScope {
                     color: outlineColour.colour,
                     opacity: outlineColour.opacity,
                     width: symbol.outline.width,
-                    // @ts-ignore
+                    // @ts-expect-error TODO: explain why this is needed or remove
                     dasharray: ESRI_DASH_MAPS[symbol.outline.style]
                 });
 
@@ -602,7 +602,7 @@ export class SymbologyAPI extends APIScope {
         // jscs:enable requireSpacesInAnonymousFunctionExpression
 
         try {
-            // @ts-ignore
+            // @ts-expect-error TODO: explain why this is needed or remove
             await Promise.resolve(symbolTypes[symbol.type]());
 
             // remove element from the page
@@ -619,7 +619,7 @@ export class SymbologyAPI extends APIScope {
          * @return {Object} a stroke object
          * @private
          */
-        function makeStroke(overrides: Object): Object {
+        function makeStroke(overrides: object): object {
             return Object.assign({}, DEFAULT_STROKE, overrides);
         }
 
@@ -629,7 +629,7 @@ export class SymbologyAPI extends APIScope {
          * @param  {Object} c ESRI Colour object
          * @return {Object} colour and opacity in SVG format
          */
-        function parseEsriColour(c: __esri.Color): Object {
+        function parseEsriColour(c: __esri.Color): object {
             if (c) {
                 return {
                     colour: `rgb(${c.r},${c.g},${c.b})`,
@@ -809,7 +809,7 @@ export class SymbologyAPI extends APIScope {
 
         // when no layer has been found it can be a layer whitout a legend like annotation layer
         // in this case, do not apply a renderer
-        let renderer: Object;
+        let renderer: object;
         if (typeof layerLegend !== 'undefined') {
             // make the mock renderer
 
diff --git a/src/lang/index.ts b/src/lang/index.ts
index 61decc6b01b..d7bf35512cc 100644
--- a/src/lang/index.ts
+++ b/src/lang/index.ts
@@ -30,15 +30,14 @@ const numberFormats = {
     }
 };
 
-export function i18n(): I18n<{}, {}, {}, string, false> {
-    // @ts-ignore
+export function i18n(): I18n<LocaleMessages<VueMessageType>, IntlDateTimeFormats, IntlNumberFormats, string, false> {
+    // @ts-expect-error TODO: explain why this is needed or remove
     return createI18n({
         legacy: false,
         // get the language of the page from the root `html` node
         locale: document.documentElement!.getAttribute('lang') || lang,
         fallbackLocale: lang,
         globalInjection: true,
-        //@ts-ignore
         messages,
         numberFormats
     });
diff --git a/src/stores/panel/panel-store.ts b/src/stores/panel/panel-store.ts
index 7158cfe092a..1ba31f57d10 100644
--- a/src/stores/panel/panel-store.ts
+++ b/src/stores/panel/panel-store.ts
@@ -152,7 +152,7 @@ export const usePanelStore = defineStore('panel', () => {
             // mobile mode only allows for one panel to be visible
             if ((remainingWidth >= panelWidth && !mobileView.value) || nowVisible.length === 0) {
                 remainingWidth -= panelWidth;
-                //@ts-ignore
+                //@ts-expect-error TODO: explain why this is needed or remove
                 nowVisible.unshift(panel);
             }
 
@@ -165,7 +165,7 @@ export const usePanelStore = defineStore('panel', () => {
         // if pinned isn't visible and we are not in mobile mode we need to change the order of the panels (to make it visible)
         if (
             pinned.value &&
-            //@ts-ignore
+            //@ts-expect-error TODO: explain why this is needed or remove
             !nowVisible.includes(pinned.value) &&
             !mobileView.value
         ) {
@@ -182,7 +182,7 @@ export const usePanelStore = defineStore('panel', () => {
 
             if (remainingWidth >= (pinned.value.width || defaultWidth)) {
                 // if theres room insert pinned element
-                //@ts-ignore
+                //@ts-expect-error TODO: explain why this is needed or remove
                 nowVisible.unshift(pinned.value);
             } else {
                 // otherwise there is only one element in `nowVisible` (loop invariant fun)
@@ -190,27 +190,24 @@ export const usePanelStore = defineStore('panel', () => {
                 // otherwise the priority element stays as the only visible
                 if (!priority.value) {
                     lastElement = nowVisible.shift()!;
-                    //@ts-ignore
+                    //@ts-expect-error TODO: explain why this is needed or remove
                     nowVisible.unshift(pinned.value);
                 }
             }
 
-            //@ts-ignore
             const pinnedIndex = orderedItems.value.indexOf(pinned.value);
-            //@ts-ignore
+            //@ts-expect-error TODO: explain why this is needed or remove
             const lastRemovedIndex = orderedItems.value.indexOf(lastElement!);
             // clone the current order, splice out the pinned item, insert it back in after the last element we removed from visible
             const newPanelOrder = orderedItems.value.slice();
             if (lastRemovedIndex > -1) {
                 newPanelOrder.splice(pinnedIndex, 1);
-                //@ts-ignore
                 newPanelOrder.splice(lastRemovedIndex, 0, pinned.value);
             }
 
             orderedItems.value = newPanelOrder;
         }
         remWidth.value = remainingWidth;
-        //@ts-ignore
         visible.value = nowVisible;
     }
 
@@ -231,25 +228,24 @@ export const usePanelStore = defineStore('panel', () => {
 
     function open(panel: PanelInstance): void {
         if (panel.teleport) {
-            // @ts-ignore
+            // @ts-expect-error TODO: explain why this is needed or remove
             teleported.value = [...teleported.value, panel];
         } else {
-            //@ts-ignore
+            //@ts-expect-error TODO: explain why this is needed or remove
             orderedItems.value = [...orderedItems.value, panel];
-            // @ts-ignore
             priority.value = panel;
         }
     }
 
     function close(panel: PanelInstance): void {
         if (panel.teleport) {
-            //@ts-ignore
+            //@ts-expect-error TODO: explain why this is needed or remove
             const index = teleported.value.indexOf(panel);
             if (index !== -1) {
                 teleported.value = [...teleported.value.slice(0, index), ...teleported.value.slice(index + 1)];
             }
         } else {
-            //@ts-ignore
+            //@ts-expect-error TODO: explain why this is needed or remove
             const index = orderedItems.value.indexOf(panel);
             if (index !== -1) {
                 orderedItems.value = [...orderedItems.value.slice(0, index), ...orderedItems.value.slice(index + 1)];
@@ -258,7 +254,7 @@ export const usePanelStore = defineStore('panel', () => {
     }
 
     function move(panel: PanelInstance, direction: PanelDirection): void {
-        //@ts-ignore
+        //@ts-expect-error TODO: explain why this is needed or remove
         const index = orderedItems.value.indexOf(panel);
         const delta = direction === 'right' ? 1 : -1;
         if (visible.value.includes(orderedItems.value[index + delta])) {
@@ -280,7 +276,7 @@ export const usePanelStore = defineStore('panel', () => {
             delete regPromises.value[panel.id];
         }
         // remove from visible
-        //@ts-ignore
+        //@ts-expect-error TODO: explain why this is needed or remove
         const index = visible.value.indexOf(panel);
         if (index !== -1) {
             visible.value = [...visible.value.slice(0, index), ...visible.value.slice(index + 1)];
diff --git a/vite.config.ts b/vite.config.ts
index 81997a43dca..8c586467c2b 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -37,7 +37,6 @@ const baseConfig = {
         open: '/demos/enhanced-samples.html',
         https: true
     }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
 } as Record<string, any>;
 
 function inlineConfig() {