Add helper camelCaseToTitle

Author: ttrig

resources/js/helpers.js

@@ -11,6 +11,12 @@ window.badgeClassName = (state) => {
 
 window.deslug = (string) => string.replace(/[\W_]+/g, " ")
 
+window.camelCaseToTitle = (string) => {
+    const result = string.replace(/([A-Z])/g, ' $1')
+
+    return result.charAt(0).toUpperCase() + result.slice(1)
+};
+
 window.getJson = async (url) => await fetch(url, {
     headers: {
         "Content-Type": "application/json",

resources/views/about.blade.php

@@ -15,10 +15,10 @@ class="grid grid-cols-1 lg:grid-cols-2 gap-x-24 gap-y-4"
 
         <template x-for="(values, category) in about">
           <div class="mb-4">
-            <x-butler::h2 class="capitalize" x-text="deslug(category)"></x-butler::h2>
+            <x-butler::h2 class="capitalize" x-text="camelCaseToTitle(category)"></x-butler::h2>
             <template x-for="(value, key) in filtered(values)">
               <div class="flex justify-between">
-                <x-butler::label class="capitalize" x-text="deslug(key)"></x-butler::label>
+                <x-butler::label class="capitalize" x-text="camelCaseToTitle(key)"></x-butler::label>
 
                 <span x-show="category === 'cache'" :class="value ? 'text-green-dark' : 'text-red-dark'" x-text="value"></span>
                 <x-butler::muted x-show="category !== 'cache'" x-text="value"></x-butler::muted>