fix(General): 🚨 Fix linter errors

Joery-M · Sep 25, 2024 · df16ab5 · df16ab5
1 parent d580155
commit df16ab5
Show file tree

Hide file tree

Showing 10 changed files with 8 additions and 12 deletions.
diff --git a/packages/darkroom/dev/src/App.vue b/packages/darkroom/dev/src/App.vue
@@ -126,9 +126,7 @@ async function execute() {
                 log.value += '\n' + util.format(`${label}: ${time}ms`);
             }
         } as Console,
-        // Couldnt find a simple way of doing this without allowing for time based attacks
-        // eslint-disable-next-line @typescript-eslint/ban-types
-        setTimeout(callback: Function, ms: number) {
+        setTimeout(callback: () => any, ms: number) {
             setTimeout(callback, ms + Math.random() * 2 - 1);
         }
     });

diff --git a/packages/safelight/src/components/Editor/Library/LibraryGridItem.vue b/packages/safelight/src/components/Editor/Library/LibraryGridItem.vue
@@ -15,7 +15,7 @@
         "
     >
         <div
-            class="bg-checkerboard relative flex aspect-video w-full items-center justify-center overflow-clip rounded-t-md"
+            class="bg-checkerboard relative flex aspect-video w-full items-center justify-center text-clip rounded-t-md"
         >
             <img
                 v-if="item.previewImage.value"

diff --git a/packages/safelight/src/components/Editor/Timeline/Timeline.vue b/packages/safelight/src/components/Editor/Timeline/Timeline.vue
@@ -1,5 +1,5 @@
 <template>
-    <canvas ref="canvas" class="h-full w-full"></canvas>
+    <canvas ref="canvas" class="size-full"></canvas>
 </template>
 
 <script setup lang="ts">

diff --git a/packages/safelight/src/components/Menu/Settings/Settings.vue b/packages/safelight/src/components/Menu/Settings/Settings.vue
@@ -2,7 +2,7 @@
     <div class="flex h-full">
         <div class="tree">
             <Tree
-                v-model:expandedKeys="expandedKeys"
+                v-model:expanded-keys="expandedKeys"
                 class="min-w-64"
                 :selection-keys="{ [selectedPath]: true }"
                 :value="tree"

diff --git a/packages/safelight/src/components/Panels/LoadingPanel.vue b/packages/safelight/src/components/Panels/LoadingPanel.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="grid h-full w-full place-content-center">
+    <div class="grid size-full place-content-center">
         <PhCircleNotch class="animate-spin" :aria-label="$t('general.loading')" size="48" />
     </div>
 </template>

diff --git a/packages/safelight/src/components/Panels/PanelGroup.vue b/packages/safelight/src/components/Panels/PanelGroup.vue
@@ -6,7 +6,7 @@
                 <template #item="{ item, props, index }">
                     <a
                         v-bind="props.action"
-                        class="align-items-center flex min-w-36 gap-1 p-2 pl-2 pr-1"
+                        class="align-items-center flex min-w-36 gap-1 p-2 pr-1"
                         @click="activeIndex = index"
                     >
                         <component :is="item.icon" class="mr-2" />

diff --git a/packages/safelight/src/views/dev/Packages.vue b/packages/safelight/src/views/dev/Packages.vue
@@ -95,7 +95,7 @@
                                                 }}
                                             </a>
                                         </span>
-                                        <div class="mt-2 line-clamp-3 flex-grow">
+                                        <div class="mt-2 line-clamp-3 grow">
                                             {{ item.description }}
                                         </div>
                                         <div class="flex-column mt-4 flex gap-4">

diff --git a/packages/shared/src/Settings/SettingsManager.ts b/packages/shared/src/Settings/SettingsManager.ts
@@ -44,7 +44,7 @@ export class SettingsManager {
         const pathArray = Array.isArray(path) ? path : path.split('.');
 
         // Loop through path array to find nested namespace
-        return pathArray.reduce((ns, path, curIndex) => {
+        return pathArray.reduce((ns, _path, curIndex) => {
             if (!ns) return;
 
             const childNs = ns?.childNamespaces?.find(

diff --git a/packages/shared/src/Storage/IndexedDbStorage.ts b/packages/shared/src/Storage/IndexedDbStorage.ts
@@ -100,7 +100,6 @@ export default class IndexedDbStorageController extends BaseStorageController {
         const existingProject = await this.db.project.get({ id: project.id });
 
         // Remove created so it can't be overridden
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const { created, ...restProject } = project;
 
         const storableProject: StoredProject = {

diff --git a/packages/shared/src/helpers/Files/GetFileInfo.ts b/packages/shared/src/helpers/Files/GetFileInfo.ts
@@ -16,7 +16,6 @@ export async function getFileInfo(file: File) {
             });
 
         MediaInfoFactory({
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
             locateFile(_url, _scriptDirectory) {
                 return MediaInfoWasmUrl;
             }