chore: prettier version bump and related fixes

packages/hoppscotch-common/src/components/app/Interceptor.vue

@@ -69,7 +69,7 @@ const interceptors = computed(() => [
   },
 ])
 
-type InterceptorMode = typeof interceptors["value"][number]["value"]
+type InterceptorMode = (typeof interceptors)["value"][number]["value"]
 
 const interceptorSelection = computed<InterceptorMode>({
   get() {

packages/hoppscotch-common/src/components/history/index.vue

@@ -284,7 +284,7 @@ const filters = computed(() => [
   { value: "STARRED" as const, label: t("filter.starred") },
 ])
 
-type FilterMode = typeof filters["value"][number]["value"]
+type FilterMode = (typeof filters)["value"][number]["value"]
 
 const filterSelection = ref<FilterMode>("ALL")
 
@@ -293,7 +293,7 @@ const groups = computed(() => [
   { value: "URL" as const, label: t("group.url") },
 ])
 
-type GroupMode = typeof groups["value"][number]["value"]
+type GroupMode = (typeof groups)["value"][number]["value"]
 
 const groupSelection = ref<GroupMode>("TIME")
 

packages/hoppscotch-common/src/components/realtime/Subscription.vue

@@ -112,7 +112,7 @@ const emit = defineEmits<{
   (e: "submit", body: MQTTTopic): void
 }>()
 
-const QoS = ref<typeof QOS_VALUES[number]>(2)
+const QoS = ref<(typeof QOS_VALUES)[number]>(2)
 const name = ref("")
 const color = ref("#f58290")
 

packages/hoppscotch-common/src/helpers/new-codegen/index.ts

@@ -185,7 +185,7 @@ export const CodegenDefinitions = [
 /**
  * A type which defines all the valid code generators
  */
-export type CodegenName = typeof CodegenDefinitions[number]["name"]
+export type CodegenName = (typeof CodegenDefinitions)[number]["name"]
 
 /**
  * Generates Source Code for the given codgen

packages/hoppscotch-common/src/newstore/settings.ts

@@ -7,7 +7,7 @@ import type { KeysMatching } from "~/types/ts-utils"
 
 export const HoppBgColors = ["system", "light", "dark", "black"] as const
 
-export type HoppBgColor = typeof HoppBgColors[number]
+export type HoppBgColor = (typeof HoppBgColors)[number]
 
 export const HoppAccentColors = [
   "green",
@@ -21,11 +21,11 @@ export const HoppAccentColors = [
   "pink",
 ] as const
 
-export type HoppAccentColor = typeof HoppAccentColors[number]
+export type HoppAccentColor = (typeof HoppAccentColors)[number]
 
 export const HoppFontSizes = ["small", "medium", "large"] as const
 
-export type HoppFontSize = typeof HoppFontSizes[number]
+export type HoppFontSize = (typeof HoppFontSizes)[number]
 
 export type SettingsType = {
   syncCollections: boolean

packages/hoppscotch-common/src/pages/realtime.vue

@@ -44,7 +44,7 @@ const REALTIME_NAVIGATION = [
   },
 ] as const
 
-type RealtimeNavTab = typeof REALTIME_NAVIGATION[number]["target"]
+type RealtimeNavTab = (typeof REALTIME_NAVIGATION)[number]["target"]
 
 const currentTab = ref<RealtimeNavTab>("websocket")