Tighten URL slug validation (#6442)

* Tighten URL slug validation * slug sanitization in frontend
2026-06-19 14:52:24 +01:00
parent b3257a0614
commit d33f00d2b1
11 changed files with 153 additions and 23 deletions
@@ -145,6 +145,8 @@ import {
 } from '@modrinth/ui'
 import { computed, defineAsyncComponent, h } from 'vue'

+import { generateUrlSlug } from '~/utils/slugs'
+
 import CreateLimitAlert from './CreateLimitAlert.vue'

 type ProjectTypes = 'server' | 'project'
@@ -461,12 +463,7 @@ async function show(event?: MouseEvent, options?: ShowOptions) {

 function updatedName() {
 	if (!manualSlug.value) {
-		slug.value = name.value
-			.trim()
-			.toLowerCase()
-			.replaceAll(' ', '-')
-			.replaceAll(/[^a-zA-Z0-9!@$()`.+,_"-]/g, '')
-			.replaceAll(/--+/gm, '-')
+		slug.value = generateUrlSlug(name.value)
 	}
 }
 </script>