Sentence case for labels and page titles

Author: connorabbas

resources/js/pages/auth/Register.vue

@@ -108,7 +108,7 @@ onMounted(() => {
             </div>
 
             <div class="flex flex-col gap-2">
-                <label for="password-confirmation">Confirm Password</label>
+                <label for="password-confirmation">Confirm password</label>
                 <Password
                     v-model="registerForm.password_confirmation"
                     :invalid="Boolean(registerForm.errors?.password_confirmation)"

resources/js/pages/auth/ResetPassword.vue

@@ -77,7 +77,7 @@ onMounted(() => {
             </div>
 
             <div class="flex flex-col gap-2">
-                <label for="password">New Password</label>
+                <label for="password">New password</label>
                 <Password
                     v-model="resetPwForm.password"
                     :invalid="Boolean(resetPwForm.errors?.password)"
@@ -98,7 +98,7 @@ onMounted(() => {
             </div>
 
             <div class="flex flex-col gap-2">
-                <label for="password-confirmation">Confirm New Password</label>
+                <label for="password-confirmation">Confirm new password</label>
                 <Password
                     v-model="resetPwForm.password_confirmation"
                     :invalid="Boolean(resetPwForm.errors?.password_confirmation)"

resources/js/pages/settings/Appearance.vue

@@ -5,13 +5,13 @@ import SelectColorModeButton from '@/components/SelectColorModeButton.vue';
 
 const breadcrumbs = [
     { label: 'Dashboard', route: route('dashboard') },
-    { label: 'Appearance Settings' },
+    { label: 'Appearance settings' },
 ];
 </script>
 
 <template>
     <AppLayout :breadcrumbs>
-        <InertiaHead title="Appearance Settings" />
+        <InertiaHead title="Appearance settings" />
 
         <SettingsLayout>
             <Card

resources/js/pages/settings/Password.vue

@@ -17,7 +17,7 @@ defineProps({
 
 const breadcrumbs = [
     { label: 'Dashboard', route: route('dashboard') },
-    { label: 'Password Settings' },
+    { label: 'Password settings' },
 ];
 
 const currentPasswordInput = useTemplateRef('current-password-input');
@@ -67,15 +67,15 @@ const updatePassword = () => {
 
 <template>
     <AppLayout :breadcrumbs>
-        <InertiaHead title="Password Settings" />
+        <InertiaHead title="Password settings" />
 
         <SettingsLayout>
             <Card
                 pt:body:class="max-w-2xl space-y-3"
                 pt:caption:class="space-y-1"
             >
                 <template #title>
-                    Update Password
+                    Update password
                 </template>
                 <template #subtitle>
                     Ensure your account is using a long, random password to stay secure
@@ -86,7 +86,7 @@ const updatePassword = () => {
                         @submit.prevent="updatePassword"
                     >
                         <div class="flex flex-col gap-2">
-                            <label for="current-password">Current Password</label>
+                            <label for="current-password">Current password</label>
                             <Password
                                 ref="current-password-input"
                                 v-model="updatePasswordForm.current_password"
@@ -108,7 +108,7 @@ const updatePassword = () => {
                             </Message>
                         </div>
                         <div class="flex flex-col gap-2">
-                            <label for="password">New Password</label>
+                            <label for="password">New password</label>
                             <Password
                                 ref="new-password-input"
                                 v-model="updatePasswordForm.password"
@@ -129,7 +129,7 @@ const updatePassword = () => {
                             </Message>
                         </div>
                         <div class="flex flex-col gap-2">
-                            <label for="password-confirmation">Confirm New Password</label>
+                            <label for="password-confirmation">Confirm pew password</label>
                             <Password
                                 v-model="updatePasswordForm.password_confirmation"
                                 :invalid="Boolean(updatePasswordForm.errors?.password_confirmation)"

resources/js/pages/settings/Profile.vue

@@ -17,7 +17,7 @@ defineProps({
 
 const breadcrumbs = [
     { label: 'Dashboard', route: route('dashboard') },
-    { label: 'Profile Settings' },
+    { label: 'Profile settings' },
 ];
 
 const deleteUserModalOpen = ref(false);
@@ -54,7 +54,7 @@ const updateProfileInformation = () => {
 
 <template>
     <AppLayout :breadcrumbs>
-        <InertiaHead title="Profile Settings" />
+        <InertiaHead title="Profile settings" />
 
         <SettingsLayout>
             <div class="space-y-4 md:space-y-8">
@@ -63,7 +63,7 @@ const updateProfileInformation = () => {
                     pt:caption:class="space-y-1"
                 >
                     <template #title>
-                        Profile Information
+                        Profile information
                     </template>
                     <template #subtitle>
                         Update your name and email address