fix: DI nonsense (#4174)

* fix: DI nonsense

* fix: lint

* fix: client try di issue

* fix: injects outside of context

* fix: use .catch

* refactor: convert projects.vue to composition API.

* fix: moderation checklist notif pos change watcher

* fix: lint issues

apps/frontend/src/pages/settings/account.vue

@@ -267,7 +267,7 @@
 							<button
 								v-if="auth.user.auth_providers.includes(provider.id)"
 								class="btn"
-								@click="removeAuthProvider(provider.id)"
+								@click="handleRemoveAuthProvider(provider.id)"
 							>
 								<TrashIcon /> Remove
 							</button>
@@ -432,6 +432,7 @@ import SteamIcon from 'assets/icons/auth/sso-steam.svg'
 import QrcodeVue from 'qrcode.vue'
 
 import Modal from '~/components/ui/Modal.vue'
+import { removeAuthProvider } from '~/composables/auth.js'
 
 useHead({
 	title: 'Account settings - Modrinth',
@@ -471,6 +472,14 @@ async function saveEmail() {
 	stopLoading()
 }
 
+async function handleRemoveAuthProvider(provider) {
+	try {
+		await removeAuthProvider(provider)
+	} catch (error) {
+		handleError(error)
+	}
+}
+
 const managePasswordModal = ref()
 const removePasswordMode = ref(false)
 const oldPassword = ref('')