fix(app): properly show all versions and notify loaders (#4395)

* fix(app): properly show all versions and notify loaders

* fix lint

apps/frontend/src/components/ui/NotificationItem.vue

@@ -173,7 +173,7 @@
 					<span class="version-info">
 						for
 						<Categories
-							:categories="loaderCategories"
+							:categories="getLoaderCategories(notif.extra_data.version)"
 							:type="notif.extra_data.project.project_type"
 							class="categories"
 						/>
@@ -391,12 +391,6 @@ const user = computed(() => props.notification.extra_data.user)
 const organization = computed(() => props.notification.extra_data.organization)
 const invitedBy = computed(() => props.notification.extra_data.invited_by)
 
-const loaderCategories = computed(() => {
-	return tags.value.loaders.filter((loader) => {
-		return version.value?.loaders?.includes(loader.name)
-	})
-})
-
 const threadLink = computed(() => {
 	if (report.value) {
 		return `/dashboard/report/${report.value.id}`
@@ -462,6 +456,12 @@ function getMessages() {
 	}
 	return messages
 }
+
+function getLoaderCategories(ver) {
+	return tags.value.loaders.filter((loader) => {
+		return ver?.loaders?.includes(loader.name)
+	})
+}
 </script>
 
 <style lang="scss" scoped>

apps/frontend/src/pages/[type]/[id].vue

@@ -1664,6 +1664,12 @@ if (!route.name.startsWith('type-id-settings')) {
 const onUserCollectProject = useClientTry(userCollectProject)
 
 const { version, loader } = route.query
+if (
+	project.value.game_versions.length > 0 &&
+	project.value.game_versions.every((v) => v.includes('w') || v.includes('-'))
+) {
+	showAllVersions.value = true
+}
 if (version !== undefined && project.value.game_versions.includes(version)) {
 	userSelectedGameVersion.value = version
 }