refactor: migrate to common eslint+prettier configs (#4168)

* refactor: migrate to common eslint+prettier configs

* fix: prettier frontend

* feat: config changes

* fix: lint issues

* fix: lint

* fix: type imports

* fix: cyclical import issue

* fix: lockfile

* fix: missing dep

* fix: switch to tabs

* fix: continue switch to tabs

* fix: rustfmt parity

* fix: moderation lint issue

* fix: lint issues

* fix: ui intl

* fix: lint issues

* Revert "fix: rustfmt parity"

This reverts commit cb99d2376c321d813d4b7fc7e2a213bb30a54711.

* feat: revert last rs

packages/ui/src/components/content/ContentListPanel.vue

@@ -1,27 +1,28 @@
 <script setup lang="ts" generic="T">
-import { ref, computed } from 'vue'
-import type { Ref } from 'vue'
-import Checkbox from '../base/Checkbox.vue'
-import ContentListItem from './ContentListItem.vue'
-import type { ContentItem } from './ContentListItem.vue'
 import { DropdownIcon } from '@modrinth/assets'
+import type { Ref } from 'vue'
+import { computed, ref } from 'vue'
+
+import Checkbox from '../base/Checkbox.vue'
+import type { ContentItem } from './ContentListItem.vue'
+import ContentListItem from './ContentListItem.vue'
 
 const props = withDefaults(
-  defineProps<{
-    items: ContentItem<T>[]
-    sortColumn: string
-    sortAscending: boolean
-    updateSort: (column: string) => void
-    currentPage: number
-  }>(),
-  {},
+	defineProps<{
+		items: ContentItem<T>[]
+		sortColumn: string
+		sortAscending: boolean
+		updateSort: (column: string) => void
+		currentPage: number
+	}>(),
+	{},
 )
 
 const selectionStates: Ref<Record<string, boolean>> = ref({})
 const selected: Ref<string[]> = computed(() =>
-  Object.keys(selectionStates.value).filter(
-    (item) => selectionStates.value[item] && props.items.some((x) => x.filename === item),
-  ),
+	Object.keys(selectionStates.value).filter(
+		(item) => selectionStates.value[item] && props.items.some((x) => x.filename === item),
+	),
 )
 
 const allSelected = ref(false)
@@ -29,70 +30,70 @@ const allSelected = ref(false)
 const model = defineModel<string[]>()
 
 function updateSelection() {
-  model.value = selected.value
+	model.value = selected.value
 }
 
 function setSelected(value: boolean) {
-  if (value) {
-    selectionStates.value = Object.fromEntries(props.items.map((item) => [item.filename, true]))
-  } else {
-    selectionStates.value = {}
-  }
-  updateSelection()
+	if (value) {
+		selectionStates.value = Object.fromEntries(props.items.map((item) => [item.filename, true]))
+	} else {
+		selectionStates.value = {}
+	}
+	updateSelection()
 }
 
 const paginatedItems = computed(() =>
-  props.items.slice((props.currentPage - 1) * 20, props.currentPage * 20),
+	props.items.slice((props.currentPage - 1) * 20, props.currentPage * 20),
 )
 </script>
 
 <template>
-  <div class="flex flex-col grid-cols-[min-content,auto,auto,auto,auto]">
-    <div
-      :class="`${$slots.headers ? 'flex' : 'grid'} grid-cols-[min-content,4fr,3fr,2fr] gap-3 items-center px-2 pt-1 h-10 mb-3 text-contrast font-bold`"
-    >
-      <Checkbox
-        v-model="allSelected"
-        class="select-checkbox"
-        :indeterminate="selected.length > 0 && selected.length < items.length"
-        @update:model-value="setSelected"
-      />
-      <slot name="headers">
-        <div class="flex items-center gap-2 cursor-pointer" @click="updateSort('Name')">
-          Name
-          <DropdownIcon
-            v-if="sortColumn === 'Name'"
-            class="transition-all transform"
-            :class="{ 'rotate-180': sortAscending }"
-          />
-        </div>
-        <div class="flex items-center gap-1 max-w-60 cursor-pointer" @click="updateSort('Updated')">
-          Updated
-          <DropdownIcon
-            v-if="sortColumn === 'Updated'"
-            class="transition-all transform"
-            :class="{ 'rotate-180': sortAscending }"
-          />
-        </div>
-        <div class="flex justify-end gap-2">
-          <slot name="header-actions" />
-        </div>
-      </slot>
-    </div>
-    <div class="bg-bg-raised rounded-xl">
-      <ContentListItem
-        v-for="(itemRef, index) in paginatedItems"
-        :key="itemRef.filename"
-        v-model="selectionStates[itemRef.filename]"
-        :item="itemRef"
-        :last="index === paginatedItems.length - 1"
-        class="mb-2"
-        @update:model-value="updateSelection"
-      >
-        <template #actions="{ item }">
-          <slot name="actions" :item="item" />
-        </template>
-      </ContentListItem>
-    </div>
-  </div>
+	<div class="flex flex-col grid-cols-[min-content,auto,auto,auto,auto]">
+		<div
+			:class="`${$slots.headers ? 'flex' : 'grid'} grid-cols-[min-content,4fr,3fr,2fr] gap-3 items-center px-2 pt-1 h-10 mb-3 text-contrast font-bold`"
+		>
+			<Checkbox
+				v-model="allSelected"
+				class="select-checkbox"
+				:indeterminate="selected.length > 0 && selected.length < items.length"
+				@update:model-value="setSelected"
+			/>
+			<slot name="headers">
+				<div class="flex items-center gap-2 cursor-pointer" @click="updateSort('Name')">
+					Name
+					<DropdownIcon
+						v-if="sortColumn === 'Name'"
+						class="transition-all transform"
+						:class="{ 'rotate-180': sortAscending }"
+					/>
+				</div>
+				<div class="flex items-center gap-1 max-w-60 cursor-pointer" @click="updateSort('Updated')">
+					Updated
+					<DropdownIcon
+						v-if="sortColumn === 'Updated'"
+						class="transition-all transform"
+						:class="{ 'rotate-180': sortAscending }"
+					/>
+				</div>
+				<div class="flex justify-end gap-2">
+					<slot name="header-actions" />
+				</div>
+			</slot>
+		</div>
+		<div class="bg-bg-raised rounded-xl">
+			<ContentListItem
+				v-for="(itemRef, index) in paginatedItems"
+				:key="itemRef.filename"
+				v-model="selectionStates[itemRef.filename]"
+				:item="itemRef"
+				:last="index === paginatedItems.length - 1"
+				class="mb-2"
+				@update:model-value="updateSelection"
+			>
+				<template #actions="{ item }">
+					<slot name="actions" :item="item" />
+				</template>
+			</ContentListItem>
+		</div>
+	</div>
 </template>