From 0b8762cd0af2a741b56dbf55a24b678707881841 Mon Sep 17 00:00:00 2001
From: teaSummer <see_tea@outlook.com>
Date: Sat, 20 Sep 2025 20:07:30 +0800
Subject: [PATCH] fix(app): properly show all versions and notify loaders
 (#4395)

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

* fix lint
---
 .../src/components/ui/NotificationItem.vue         | 14 +++++++-------
 apps/frontend/src/pages/[type]/[id].vue            |  6 ++++++
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/apps/frontend/src/components/ui/NotificationItem.vue b/apps/frontend/src/components/ui/NotificationItem.vue
index 1e34a302..662c98a7 100644
--- a/apps/frontend/src/components/ui/NotificationItem.vue
+++ b/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>
diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index 36d9f585..d63ba9b5 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/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
 }