Fix lint (#12912)

Author: pleek91

ui/.vscode/settings.json

@@ -27,6 +27,7 @@
     "subflow",
     "subflows",
     "tailwindcss",
+    "Unconfigured",
     "vite",
     "vitejs"
   ],

ui/package.json

@@ -6,7 +6,7 @@
     "serve": "vite --host",
     "build": "vite build",
     "lint": "eslint src --ext .js,.ts,.vue",
-    "lint:fix": "eslint src --fix --debug",
+    "lint:fix": "eslint src --fix",
     "validate:types": "vue-tsc --noEmit"
   },
   "dependencies": {

ui/src/components/FlowStats.vue

@@ -11,14 +11,14 @@
 <script lang="ts" setup>
   import {
     CumulativeTaskRunsCard,
-    TimeSpanFilter,
     FlowRunHistoryCard,
     subscriptionIntervalKey,
-    mapper
+    mapper,
+    useWorkspaceDashboardFilterFromRoute,
+    DateRangeSelect
   } from '@prefecthq/prefect-ui-library'
   import { secondsInDay, secondsToMilliseconds } from 'date-fns'
   import { computed, provide, toRefs } from 'vue'
-  import { useWorkspaceDashboardFilterFromRoute, DateRangeSelect } from '@prefecthq/prefect-ui-library'
 
   const props = defineProps<{
     flowId: string,
@@ -28,12 +28,12 @@
 
   const filter = useWorkspaceDashboardFilterFromRoute({
     range: { type: 'span', seconds: -secondsInDay },
-    tags: []
+    tags: [],
   })
 
   const flowStats = computed(() => ({
     flowId: flowId.value,
-    range: filter.range
+    range: filter.range,
   }))
 
   provide(subscriptionIntervalKey, {

ui/src/compositions/useApiConfig.ts

@@ -1,6 +1,6 @@
 import { PrefectConfig } from '@prefecthq/prefect-ui-library'
 import { UiSettings } from '@/services/uiSettings'
-import { MODE, BASE_URL } from '@/utilities/meta'
+import { MODE } from '@/utilities/meta'
 
 export type UseWorkspaceApiConfig = {
   config: PrefectConfig,

ui/src/maps/featureFlag.ts

@@ -16,6 +16,8 @@ export const mapFlagResponseToFeatureFlag: MapFunction<FlagResponse, FeatureFlag
     case 'work_queue_status':
       return 'access:workQueueStatus'
     default:
+      // we want to have a ts error here but we don't want to break the app so returning null rather than throwing an error
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
       const exhaustiveCheck: never = source
       return null
   }

ui/src/maps/index.ts

@@ -1,7 +1,7 @@
 import { maps as designMaps } from '@prefecthq/prefect-ui-library'
+import { mapCsrfTokenResponseToCsrfToken } from '@/maps/csrfToken'
 import { mapFlagResponseToFeatureFlag } from '@/maps/featureFlag'
 import { mapSettingsResponseToSettings } from '@/maps/uiSettings'
-import { mapCsrfTokenResponseToCsrfToken } from '@/maps/csrfToken'
 
 export const maps = {
   ...designMaps,

ui/src/pages/ConcurrencyLimits.vue

@@ -11,7 +11,7 @@
           </template>
         </PageHeading>
         <ConcurrencyLimitsV2CreateModal v-model:showModal="showModalGlobal" />
-        <ConcurrencyLimitsV2Table class="concurrency-limits__global-table"/>
+        <ConcurrencyLimitsV2Table class="concurrency-limits__global-table" />
       </template>
       <template #task-run>
         <PageHeading size="lg" :crumbs="[{ text: 'Task Run Concurrency Limits' }]">
@@ -27,9 +27,9 @@
 </template>
 
   <script lang="ts" setup>
-  import { PageHeading, ConcurrencyLimitsV2Table, ConcurrencyLimitsTable, ConcurrencyLimitsCreateModal, ConcurrencyLimitsV2CreateModal, useShowModal, useTabs } from '@prefecthq/prefect-ui-library'
+  import { PageHeading, ConcurrencyLimitsV2Table, ConcurrencyLimitsTable, ConcurrencyLimitsCreateModal, ConcurrencyLimitsV2CreateModal, useShowModal } from '@prefecthq/prefect-ui-library'
   import { useRouteQueryParam } from '@prefecthq/vue-compositions'
-  
+
   const { showModal: showModalGlobal, open: openGlobal } = useShowModal()
   const { showModal: showModalTaskRun, open: openTaskRun } = useShowModal()
 
@@ -39,8 +39,6 @@
   ]
 
   const tab = useRouteQueryParam('tab', 'Global')
-
-
 </script>
 
 <style>

ui/src/pages/Deployment.vue

@@ -58,7 +58,7 @@
 
 <script lang="ts" setup>
   import { media } from '@prefecthq/prefect-design'
-  import { PrefectStateNames, DeploymentDescription, FlowRunListItem, DeploymentDetails, DeploymentDescriptionEmptyState, PageHeadingDeployment, ParametersTable, DeploymentDeprecatedMessage, useTabs, useWorkspaceApi, useFlowRunsFilter, prefectStateNames, DeploymentConfiguration, useNextFlowRun, FlowRunFilteredList } from '@prefecthq/prefect-ui-library'
+  import { DeploymentDescription, FlowRunListItem, DeploymentDetails, DeploymentDescriptionEmptyState, PageHeadingDeployment, ParametersTable, DeploymentDeprecatedMessage, useTabs, useWorkspaceApi, useFlowRunsFilter, prefectStateNames, DeploymentConfiguration, useNextFlowRun, FlowRunFilteredList } from '@prefecthq/prefect-ui-library'
   import { useRouteParam, useRouteQueryParam, useSubscription } from '@prefecthq/vue-compositions'
   import { computed } from 'vue'
   import { useRouter } from 'vue-router'
@@ -80,8 +80,8 @@
 
   const computedTabs = computed(() => [
     { label: 'Details', hidden: media.xl },
-    { label: 'Runs',  },
-    { label: 'Upcoming',  },
+    { label: 'Runs' },
+    { label: 'Upcoming' },
     { label: 'Parameters', hidden: deployment.value?.deprecated },
     { label: 'Configuration', hidden: deployment.value?.deprecated },
     { label: 'Description' },

ui/src/pages/WorkQueue.vue

@@ -45,7 +45,7 @@
 
 <script lang="ts" setup>
   import { media } from '@prefecthq/prefect-design'
-  import { WorkQueueDetails, PageHeadingWorkQueue, FlowRunFilteredList, WorkQueueFlowRunsList, CodeBanner, localization, useWorkspaceApi, useFlowRunsFilter, PrefectStateNames, useFlowRunsFilterFromRoute } from '@prefecthq/prefect-ui-library'
+  import { WorkQueueDetails, PageHeadingWorkQueue, FlowRunFilteredList, WorkQueueFlowRunsList, CodeBanner, localization, useWorkspaceApi, useFlowRunsFilter, useFlowRunsFilterFromRoute } from '@prefecthq/prefect-ui-library'
   import { useSubscription, useRouteParam } from '@prefecthq/vue-compositions'
   import { computed, watch, ref } from 'vue'
   import { useRouter } from 'vue-router'