refactor: reusable titleCase fn

Author: ghostdevv

docs/app/components/BadgeGenerator.vue

@@ -11,14 +11,6 @@ watch([pkg, type], () => {
   isValid.value = true
 })
 
-const formatLabel = (str: string) => {
-  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)
@@ -53,7 +45,7 @@ const copyToClipboard = async () => {
           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">
-            {{ formatLabel(t) }}
+            {{ titleCase(t) }}
           </option>
         </select>
         <span

docs/app/components/BadgeGeneratorParameters.vue

@@ -58,14 +58,6 @@ watch([pkg, type, queryParams], () => {
   isValid.value = true
 })
 
-const formatLabel = (str: string) => {
-  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)
@@ -99,7 +91,7 @@ const copyToClipboard = async () => {
             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">
-              {{ formatLabel(t) }}
+              {{ titleCase(t) }}
             </option>
           </select>
           <span

docs/shared/utils/badges.ts

@@ -21,3 +21,12 @@ export const BADGE_TYPES = Object.freeze([
   'score',
   'name',
 ] as const)
+
+export type BadgeType = (typeof BADGE_TYPES)[number]
+
+export function titleCase(str: string) {
+  return str
+    .split('-')
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' per ')
+}