275
275
</div >
276
276
<ScrollablePanel :class =" project.game_versions.length > 4 ? 'h-[15rem]' : ''" >
277
277
<ButtonStyled
278
- v-for =" version in project.game_versions
278
+ v-for =" gameVersion in project.game_versions
279
279
.filter(
280
280
(x) =>
281
281
(versionFilter && x.includes(versionFilter)) ||
284
284
)
285
285
.slice()
286
286
.reverse()"
287
- :key =" version "
288
- :color =" currentGameVersion === version ? 'brand' : 'standard'"
287
+ :key =" gameVersion "
288
+ :color =" currentGameVersion === gameVersion ? 'brand' : 'standard'"
289
289
>
290
290
<button
291
291
v-tooltip ="
292
- !possibleGameVersions.includes(version )
293
- ? `${project.title} does not support ${version } for ${formatCategory(currentPlatform)}`
292
+ !possibleGameVersions.includes(gameVersion )
293
+ ? `${project.title} does not support ${gameVersion } for ${formatCategory(currentPlatform)}`
294
294
: null
295
295
"
296
296
:class =" {
297
- 'looks-disabled !text-brand-red': !possibleGameVersions.includes(version ),
297
+ 'looks-disabled !text-brand-red': !possibleGameVersions.includes(gameVersion ),
298
298
}"
299
299
@click ="
300
300
() => {
301
- userSelectedGameVersion = version ;
301
+ userSelectedGameVersion = gameVersion ;
302
302
gameVersionAccordion.close();
303
303
if (!currentPlatform && platformAccordion) {
304
304
platformAccordion.open();
305
305
}
306
306
}
307
307
"
308
308
>
309
- {{ version }}
310
- <CheckIcon v-if =" userSelectedGameVersion === version " />
309
+ {{ gameVersion }}
310
+ <CheckIcon v-if =" userSelectedGameVersion === gameVersion " />
311
311
</button >
312
312
</ButtonStyled >
313
313
</ScrollablePanel >
785
785
</template >
786
786
<script setup>
787
787
import {
788
- ScaleIcon ,
789
- AlignLeftIcon as DescriptionIcon ,
790
788
BookmarkIcon ,
789
+ BookTextIcon ,
790
+ CalendarIcon ,
791
791
ChartIcon ,
792
792
CheckIcon ,
793
793
ClipboardCopyIcon ,
794
794
CopyrightIcon ,
795
+ AlignLeftIcon as DescriptionIcon ,
795
796
DownloadIcon ,
796
797
ExternalIcon ,
798
+ ImageIcon as GalleryIcon ,
797
799
GameIcon ,
798
800
HeartIcon ,
799
- ImageIcon as GalleryIcon ,
800
801
InfoIcon ,
801
802
LinkIcon as LinksIcon ,
802
803
MoreVerticalIcon ,
803
804
PlusIcon ,
804
805
ReportIcon ,
806
+ ScaleIcon ,
805
807
SearchIcon ,
806
808
SettingsIcon ,
807
809
TagsIcon ,
808
810
UsersIcon ,
809
811
VersionIcon ,
810
812
WrenchIcon ,
811
- BookTextIcon ,
812
- CalendarIcon ,
813
813
} from " @modrinth/assets" ;
814
814
import {
815
815
Avatar ,
@@ -818,32 +818,32 @@ import {
818
818
NewModal ,
819
819
OverflowMenu ,
820
820
PopoutMenu ,
821
- ScrollablePanel ,
821
+ ProjectBackgroundGradient ,
822
822
ProjectHeader ,
823
823
ProjectSidebarCompatibility ,
824
824
ProjectSidebarCreators ,
825
- ProjectSidebarLinks ,
826
825
ProjectSidebarDetails ,
827
- ProjectBackgroundGradient ,
826
+ ProjectSidebarLinks ,
827
+ ScrollablePanel ,
828
828
} from " @modrinth/ui" ;
829
+ import VersionSummary from " @modrinth/ui/src/components/version/VersionSummary.vue" ;
829
830
import { formatCategory , isRejected , isStaff , isUnderReview , renderString } from " @modrinth/utils" ;
830
831
import dayjs from " dayjs" ;
831
- import VersionSummary from " @modrinth/ui/src/components/version/VersionSummary.vue" ;
832
+ import ModrinthIcon from " ~/assets/images/utils/modrinth.svg?component" ;
833
+ import Accordion from " ~/components/ui/Accordion.vue" ;
834
+ import AdPlaceholder from " ~/components/ui/AdPlaceholder.vue" ;
835
+ import AutomaticAccordion from " ~/components/ui/AutomaticAccordion.vue" ;
832
836
import Badge from " ~/components/ui/Badge.vue" ;
833
- import NavTabs from " ~/components/ui/NavTabs.vue" ;
837
+ import Breadcrumbs from " ~/components/ui/Breadcrumbs.vue" ;
838
+ import CollectionCreateModal from " ~/components/ui/CollectionCreateModal.vue" ;
839
+ import MessageBanner from " ~/components/ui/MessageBanner.vue" ;
840
+ import ModerationChecklist from " ~/components/ui/ModerationChecklist.vue" ;
834
841
import NavStack from " ~/components/ui/NavStack.vue" ;
835
842
import NavStackItem from " ~/components/ui/NavStackItem.vue" ;
843
+ import NavTabs from " ~/components/ui/NavTabs.vue" ;
836
844
import ProjectMemberHeader from " ~/components/ui/ProjectMemberHeader.vue" ;
837
- import MessageBanner from " ~/components/ui/MessageBanner.vue" ;
838
- import { reportProject } from " ~/utils/report-helpers.ts" ;
839
- import Breadcrumbs from " ~/components/ui/Breadcrumbs.vue" ;
840
845
import { userCollectProject } from " ~/composables/user.js" ;
841
- import CollectionCreateModal from " ~/components/ui/CollectionCreateModal.vue" ;
842
- import ModerationChecklist from " ~/components/ui/ModerationChecklist.vue" ;
843
- import Accordion from " ~/components/ui/Accordion.vue" ;
844
- import ModrinthIcon from " ~/assets/images/utils/modrinth.svg?component" ;
845
- import AutomaticAccordion from " ~/components/ui/AutomaticAccordion.vue" ;
846
- import AdPlaceholder from " ~/components/ui/AdPlaceholder.vue" ;
846
+ import { reportProject } from " ~/utils/report-helpers.ts" ;
847
847
848
848
const data = useNuxtApp ();
849
849
const route = useNativeRoute ();
@@ -1247,7 +1247,7 @@ if (!route.name.startsWith("type-id-settings")) {
1247
1247
1248
1248
const onUserCollectProject = useClientTry(userCollectProject);
1249
1249
1250
- const {version, loader} = route.query;
1250
+ const { version, loader } = route.query;
1251
1251
if (version !== undefined && project.value.game_versions.includes(version)) {
1252
1252
userSelectedGameVersion.value = version;
1253
1253
}
@@ -1262,7 +1262,7 @@ watch(downloadModal, (modal) => {
1262
1262
if (route.hash === "#download") {
1263
1263
modal.show();
1264
1264
}
1265
- })
1265
+ });
1266
1266
1267
1267
async function setProcessing() {
1268
1268
startLoading();
0 commit comments