You've already forked AstralRinth
Mingxuan Ding
5a51a755eb
* fix(navigation): use replaceState for project filters to prevent history pollution * fix: add replace prop to NavTabs and enable it on project and discover pages * style: run pnpm run fix on affected files * enable NavTabs replace prop on collection, user, and org pages --------- Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>
66 lines
1.6 KiB
Vue
66 lines
1.6 KiB
Vue
<script setup lang="ts">
|
|
import { commonProjectTypeCategoryMessages, useVIntl } from '@modrinth/ui'
|
|
|
|
import NavTabs from '~/components/ui/NavTabs.vue'
|
|
|
|
const { formatMessage } = useVIntl()
|
|
|
|
const flags = useFeatureFlags()
|
|
const cosmetics = useCosmetics()
|
|
const route = useRoute()
|
|
|
|
const allowTabChanging = computed(() => !route.query.sid)
|
|
|
|
const selectableProjectTypes = [
|
|
{
|
|
label: formatMessage(commonProjectTypeCategoryMessages.mod),
|
|
href: `/discover/mods`,
|
|
type: 'mods',
|
|
},
|
|
{
|
|
label: formatMessage(commonProjectTypeCategoryMessages.resourcepack),
|
|
href: `/discover/resourcepacks`,
|
|
type: 'resourcepacks',
|
|
},
|
|
{
|
|
label: formatMessage(commonProjectTypeCategoryMessages.datapack),
|
|
href: `/discover/datapacks`,
|
|
type: 'datapacks',
|
|
},
|
|
{
|
|
label: formatMessage(commonProjectTypeCategoryMessages.shader),
|
|
href: `/discover/shaders`,
|
|
type: 'shaders',
|
|
},
|
|
{
|
|
label: formatMessage(commonProjectTypeCategoryMessages.modpack),
|
|
href: `/discover/modpacks`,
|
|
type: 'modpacks',
|
|
},
|
|
{
|
|
label: formatMessage(commonProjectTypeCategoryMessages.plugin),
|
|
href: `/discover/plugins`,
|
|
type: 'plugins',
|
|
},
|
|
{
|
|
label: formatMessage(commonProjectTypeCategoryMessages.server),
|
|
href: `/discover/servers`,
|
|
type: 'servers',
|
|
},
|
|
]
|
|
</script>
|
|
<template>
|
|
<div class="new-page sidebar" :class="{ 'alt-layout': !cosmetics.rightSearchLayout }">
|
|
<section class="normal-page__header mb-4 flex flex-col gap-4">
|
|
<div id="discover-header-prefix" class="empty:hidden"></div>
|
|
<NavTabs
|
|
v-if="!flags.projectTypesPrimaryNav && allowTabChanging"
|
|
:links="selectableProjectTypes"
|
|
replace
|
|
class="hidden md:flex"
|
|
/>
|
|
</section>
|
|
<NuxtPage />
|
|
</div>
|
|
</template>
|