Revert "refactor: use text transform to capitalise"

This reverts commit cdd74d3.

Author: ghostdevv

docs/app/components/BadgeGenerator.vue

@@ -11,6 +11,14 @@ watch([pkg, type], () => {
   isValid.value = true
 })
 
+const formatLabel = str => {
+  if (!str || typeof str !== 'string') return ''
+  return str
+    .split('-')
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' per ')
+}
+
 const copyToClipboard = async () => {
   const markdown = `[![Open on npmx.dev](https://npmx.dev/api/registry/badge/${type.value}/${pkg.value})](https://npmx.dev/package/${pkg.value})`
   copy(markdown)
@@ -42,10 +50,10 @@ const copyToClipboard = async () => {
       <div class="relative">
         <select
           v-model="type"
-          class="w-full h-10.5 px-4 py-2 rounded-lg border border-gray-200 dark:border-white/10 bg-white dark:bg-black/20 focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 outline-none text-sm transition-all appearance-none cursor-pointer capitalize"
+          class="w-full h-10.5 px-4 py-2 rounded-lg border border-gray-200 dark:border-white/10 bg-white dark:bg-black/20 focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 outline-none text-sm transition-all appearance-none cursor-pointer"
         >
           <option v-for="t in BADGE_TYPES" :key="t" :value="t" class="dark:bg-gray-900">
-            {{ t }}
+            {{ formatLabel(t) }}
           </option>
         </select>
         <span

docs/app/components/BadgeGeneratorParameters.vue

@@ -58,6 +58,14 @@ watch([pkg, type, queryParams], () => {
   isValid.value = true
 })
 
+const formatLabel = str => {
+  if (!str || typeof str !== 'string') return ''
+  return str
+    .split('-')
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' per ')
+}
+
 const copyToClipboard = async () => {
   const markdown = `[![Open on npmx.dev](${badgeUrl.value})](https://npmx.dev/package/${pkg.value})`
   copy(markdown)
@@ -88,10 +96,10 @@ const copyToClipboard = async () => {
         <div class="relative">
           <select
             v-model="type"
-            class="w-full h-10.5 px-4 py-2 rounded-lg border border-gray-200 dark:border-white/10 bg-white dark:bg-black/20 focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 outline-none text-sm transition-all appearance-none cursor-pointer capitalize"
+            class="w-full h-10.5 px-4 py-2 rounded-lg border border-gray-200 dark:border-white/10 bg-white dark:bg-black/20 focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 outline-none text-sm transition-all appearance-none cursor-pointer"
           >
             <option v-for="t in BADGE_TYPES" :key="t" :value="t" class="dark:bg-gray-900">
-              {{ t }}
+              {{ formatLabel(t) }}
             </option>
           </select>
           <span