fix: lint

Author: IMB11

apps/frontend/src/pages/servers/manage/index.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ServersManagePageIndex } from '@modrinth/ui'
+
 import { useGeneratedState } from '~/composables/generated'
 
 definePageMeta({

packages/ui/src/components/billing/ServersUpgradeModalWrapper.vue

@@ -48,10 +48,22 @@ const { addNotification } = injectNotificationManager()
 const { labrinth, archon } = injectModrinthClient()
 const debug = useDebugLogger('ServersUpgradeModalWrapper')
 const purchaseModal = ref<InstanceType<typeof ModrinthServersPurchaseModal> | null>(null)
+
+// stripe type
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const customer = ref<any>(null)
+
+// stripe type
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const paymentMethods = ref<any[]>([])
 const selectedCurrency = ref<string>('USD')
-const regionPings = ref<any[]>([])
+
+const regionPings = ref<
+	{
+		region: string
+		ping: number
+	}[]
+>([])
 
 const pyroProducts = (props.products as Labrinth.Billing.Internal.Product[])
 	.filter((p) => p?.metadata?.type === 'pyro' || p?.metadata?.type === 'medal')
@@ -61,7 +73,7 @@ const pyroProducts = (props.products as Labrinth.Billing.Internal.Product[])
 		return aRam - bRam
 	})
 
-function handleError(err: any) {
+function handleError(err: unknown) {
 	debug('Purchase modal error:', err)
 }
 
@@ -112,7 +124,7 @@ const PING_COUNT = 20
 const PING_INTERVAL = 200
 const MAX_PING_TIME = 1000
 
-function runPingTest(region: any, index = 1) {
+function runPingTest(region: Archon.Servers.v1.Region, index = 1) {
 	if (index > 10) {
 		regionPings.value.push({
 			region: region.shortcode,
@@ -169,9 +181,9 @@ const dryRunResponse = ref<{
 const pendingDowngradeBody = ref<Labrinth.Billing.Internal.EditSubscriptionRequest | null>(null)
 const currentPlanFromSubscription = computed<Labrinth.Billing.Internal.Product | undefined>(() => {
 	return subscription.value
-		? (pyroProducts.find((p) =>
+		? pyroProducts.find((p) =>
 				p.prices.some((price) => price.id === subscription.value?.price_id),
-			) ?? undefined)
+			) ?? undefined
 		: undefined
 })
 

packages/ui/src/components/index.ts

@@ -23,18 +23,18 @@ export { default as DropdownSelect } from './base/DropdownSelect.vue'
 export { default as EnvironmentIndicator } from './base/EnvironmentIndicator.vue'
 export { default as ErrorInformationCard } from './base/ErrorInformationCard.vue'
 export { default as FileInput } from './base/FileInput.vue'
-export { default as FilterBar } from './base/FilterBar.vue'
 export type { FilterBarOption } from './base/FilterBar.vue'
+export { default as FilterBar } from './base/FilterBar.vue'
 export { default as HeadingLink } from './base/HeadingLink.vue'
 export { default as IconSelect } from './base/IconSelect.vue'
-export { default as JoinedButtons } from './base/JoinedButtons.vue'
 export type { JoinedButtonAction } from './base/JoinedButtons.vue'
+export { default as JoinedButtons } from './base/JoinedButtons.vue'
 export { default as LoadingIndicator } from './base/LoadingIndicator.vue'
 export { default as ManySelect } from './base/ManySelect.vue'
 export { default as MarkdownEditor } from './base/MarkdownEditor.vue'
 export { default as OptionGroup } from './base/OptionGroup.vue'
-export { default as OverflowMenu } from './base/OverflowMenu.vue'
 export type { Option as OverflowMenuOption } from './base/OverflowMenu.vue'
+export { default as OverflowMenu } from './base/OverflowMenu.vue'
 export { default as Page } from './base/Page.vue'
 export { default as Pagination } from './base/Pagination.vue'
 export { default as PopoutMenu } from './base/PopoutMenu.vue'
@@ -69,16 +69,16 @@ export { default as CompactChart } from './chart/CompactChart.vue'
 
 // Content
 export { default as ContentListPanel } from './content/ContentListPanel.vue'
-export { default as NewsArticleCard } from './content/NewsArticleCard.vue'
 export type { Article as NewsArticle } from './content/NewsArticleCard.vue'
+export { default as NewsArticleCard } from './content/NewsArticleCard.vue'
 
 // Modals
 export { default as ConfirmModal } from './modal/ConfirmModal.vue'
 export { default as Modal } from './modal/Modal.vue'
 export { default as NewModal } from './modal/NewModal.vue'
 export { default as ShareModal } from './modal/ShareModal.vue'
-export { default as TabbedModal } from './modal/TabbedModal.vue'
 export type { Tab as TabbedModalTab } from './modal/TabbedModal.vue'
+export { default as TabbedModal } from './modal/TabbedModal.vue'
 
 // Navigation
 export { default as Breadcrumbs } from './nav/Breadcrumbs.vue'

packages/ui/src/components/servers/ServerListing.vue

@@ -123,8 +123,8 @@ import {
 } from '@modrinth/assets'
 import { useQuery } from '@tanstack/vue-query'
 import dayjs from 'dayjs'
-
 import { computed } from 'vue'
+
 import { injectModrinthClient } from '../../providers/api-client'
 import Avatar from '../base/Avatar.vue'
 import CopyCode from '../base/CopyCode.vue'
@@ -200,7 +200,7 @@ const { data: image } = useQuery({
 				)
 
 				return await processImageBlob(blob, 512)
-			} catch (downloadError) {
+			} catch {
 				const projectIcon = iconUrl.value
 				if (projectIcon) {
 					const response = await fetch(projectIcon)
@@ -237,7 +237,7 @@ const isConfiguring = computed(() => props.flows?.intro)
 
 const formatDate = (d: unknown) => {
 	try {
-		return dayjs(d as any).format('MMMM D, YYYY')
+		return dayjs(d as string).format('MMMM D, YYYY')
 	} catch {
 		return ''
 	}

packages/ui/src/components/servers/labels/ServerGameLabel.vue

@@ -28,6 +28,7 @@
 <script setup lang="ts">
 import { GameIcon } from '@modrinth/assets'
 import { useRoute } from 'vue-router'
+
 import AutoLink from '../../base/AutoLink.vue'
 
 defineProps<{

packages/ui/src/components/servers/labels/ServerInfoLabels.vue

@@ -33,6 +33,7 @@ import ServerSubdomainLabel from './ServerSubdomainLabel.vue'
 import ServerUptimeLabel from './ServerUptimeLabel.vue'
 
 interface ServerInfoLabelsProps {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	serverData: Record<string, any>
 	showGameLabel: boolean
 	showLoaderLabel: boolean

packages/ui/src/components/servers/labels/ServerLoaderLabel.vue

@@ -35,6 +35,7 @@
 
 <script setup lang="ts">
 import { useRoute } from 'vue-router'
+
 import AutoLink from '../../base/AutoLink.vue'
 import LoaderIcon from '../icons/LoaderIcon.vue'
 

packages/ui/src/components/servers/marketing/MedalServerListing.vue

@@ -80,7 +80,7 @@
 				</div>
 			</AutoLink>
 
-			<div class="z-10 ml-auto" v-if="isNuxt">
+			<div v-if="isNuxt" class="z-10 ml-auto">
 				<ButtonStyled color="medal-promo" type="outlined" size="large">
 					<button class="my-auto" @click="handleUpgrade"><RocketIcon /> Upgrade</button>
 				</ButtonStyled>
@@ -128,7 +128,7 @@
 </template>
 
 <script setup lang="ts">
-import { NuxtModrinthClient, type Archon } from '@modrinth/api-client'
+import { type Archon, NuxtModrinthClient } from '@modrinth/api-client'
 import {
 	ChevronRightIcon,
 	LoaderCircleIcon,
@@ -140,8 +140,8 @@ import {
 import { useQuery } from '@tanstack/vue-query'
 import dayjs from 'dayjs'
 import dayjsDuration from 'dayjs/plugin/duration'
-
 import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
+
 import { injectModrinthClient } from '../../../providers/api-client'
 import AutoLink from '../../base/AutoLink.vue'
 import Avatar from '../../base/Avatar.vue'

packages/ui/src/pages/servers/manage/index.vue

@@ -119,7 +119,7 @@
 								placeholder="Search servers..."
 							/>
 						</div>
-						<ButtonStyled type="standard" v-if="isNuxt">
+						<ButtonStyled v-if="isNuxt" type="standard">
 							<AutoLink :to="{ path: '/servers', hash: '#plan' }">
 								<PlusIcon />
 								New server
@@ -172,7 +172,7 @@
 </template>
 
 <script setup lang="ts">
-import { NuxtModrinthClient, type Archon, type Labrinth } from '@modrinth/api-client'
+import { type Archon, type Labrinth, NuxtModrinthClient } from '@modrinth/api-client'
 import { HammerIcon, LoaderCircleIcon, PlusIcon, SearchIcon } from '@modrinth/assets'
 import { AutoLink, ButtonStyled, CopyCode, injectModrinthClient } from '@modrinth/ui'
 import type { ModrinthServersFetchError } from '@modrinth/utils'

packages/ui/src/providers/project-page.ts

@@ -1,5 +1,4 @@
 import type { Labrinth } from '@modrinth/api-client/src/modules/types'
-
 // TODO: api client this shit
 import type { TeamMember } from '@modrinth/utils'
 import type { Ref } from 'vue'