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/app-frontend/src/pages/Skins.vue

@@ -66,7 +66,14 @@ const defaultCape = ref<Cape>()
 const originalSelectedSkin = ref<Skin | null>(null)
 const originalDefaultCape = ref<Cape>()
 
-const savedSkins = computed(() => filterSavedSkins(skins.value))
+const savedSkins = computed(() => {
+	try {
+		return filterSavedSkins(skins.value)
+	} catch (error) {
+		handleError(error as Error)
+		return []
+	}
+})
 const defaultSkins = computed(() => filterDefaultSkins(skins.value))
 
 const currentCape = computed(() => {

apps/app-frontend/src/pages/instance/Index.vue

@@ -331,7 +331,7 @@ const stopInstance = async (context) => {
 }
 
 const repairInstance = async () => {
-	await finish_install(instance.value)
+	await finish_install(instance.value).catch(handleError)
 }
 
 const handleRightClick = (event) => {

apps/app-frontend/src/pages/project/Index.vue

@@ -252,7 +252,7 @@ async function install(version) {
 		(profile) => {
 			router.push(`/instance/${profile}`)
 		},
-	)
+	).catch(handleError)
 }
 
 const options = ref(null)