Fix Blade binding: use colon syntax for props with translations (#27)

* Fix Blade binding: use colon syntax for props with translations

* Update profile.blade.php

* Update password.blade.php

* Update delete-user-form.blade.php

* Update reset-password.blade.php

* Update register.blade.php

* Update login.blade.php

* Update forgot-password.blade.php

* Update confirm-password.blade.php

Author: Rattone

resources/views/livewire/auth/confirm-password.blade.php

@@ -46,7 +46,7 @@ public function confirmPassword(): void
         <flux:input
             wire:model="password"
             id="password"
-            label="{{ __('Password') }}"
+            :label="__('Password')"
             type="password"
             name="password"
             required

resources/views/livewire/auth/forgot-password.blade.php

@@ -32,7 +32,7 @@ public function sendPasswordResetLink(): void
         <!-- Email Address -->
         <flux:input
             wire:model="email"
-            label="{{ __('Email Address') }}"
+            :label="__('Email Address')"
             type="email"
             name="email"
             required

resources/views/livewire/auth/login.blade.php

@@ -83,7 +83,7 @@ protected function throttleKey(): string
         <!-- Email Address -->
         <flux:input
             wire:model="email"
-            label="{{ __('Email address') }}"
+            :label="__('Email address')"
             type="email"
             name="email"
             required
@@ -96,7 +96,7 @@ protected function throttleKey(): string
         <div class="relative">
             <flux:input
                 wire:model="password"
-                label="{{ __('Password') }}"
+                :label="__('Password')"
                 type="password"
                 name="password"
                 required
@@ -112,7 +112,7 @@ protected function throttleKey(): string
         </div>
 
         <!-- Remember Me -->
-        <flux:checkbox wire:model="remember" label="{{ __('Remember me') }}" />
+        <flux:checkbox wire:model="remember" :label="__('Remember me')" />
 
         <div class="flex items-center justify-end">
             <flux:button variant="primary" type="submit" class="w-full">{{ __('Log in') }}</flux:button>

resources/views/livewire/auth/register.blade.php

@@ -46,7 +46,7 @@ public function register(): void
         <flux:input
             wire:model="name"
             id="name"
-            label="{{ __('Name') }}"
+            :label="__('Name')"
             type="text"
             name="name"
             required
@@ -59,7 +59,7 @@ public function register(): void
         <flux:input
             wire:model="email"
             id="email"
-            label="{{ __('Email address') }}"
+            :label="__('Email address')"
             type="email"
             name="email"
             required
@@ -71,7 +71,7 @@ public function register(): void
         <flux:input
             wire:model="password"
             id="password"
-            label="{{ __('Password') }}"
+            :label="__('Password')"
             type="password"
             name="password"
             required
@@ -83,7 +83,7 @@ public function register(): void
         <flux:input
             wire:model="password_confirmation"
             id="password_confirmation"
-            label="{{ __('Confirm password') }}"
+            :label="__('Confirm password')"
             type="password"
             name="password_confirmation"
             required

resources/views/livewire/auth/reset-password.blade.php

@@ -79,7 +79,7 @@ function ($user) {
         <flux:input
             wire:model="email"
             id="email"
-            label="{{ __('Email') }}"
+            :label="__('Email')"
             type="email"
             name="email"
             required
@@ -90,7 +90,7 @@ function ($user) {
         <flux:input
             wire:model="password"
             id="password"
-            label="{{ __('Password') }}"
+            :label="__('Password')"
             type="password"
             name="password"
             required
@@ -102,7 +102,7 @@ function ($user) {
         <flux:input
             wire:model="password_confirmation"
             id="password_confirmation"
-            label="{{ __('Confirm password') }}"
+            :label="__('Confirm password')"
             type="password"
             name="password_confirmation"
             required

resources/views/livewire/settings/appearance.blade.php

@@ -9,7 +9,7 @@
 <div class="flex flex-col items-start">
     @include('partials.settings-heading')
 
-    <x-settings.layout heading="{{ __('Appearance') }}" subheading="{{ __('Update the appearance settings for your account') }}">
+    <x-settings.layout :heading="__('Appearance')" :subheading=" __('Update the appearance settings for your account')">
         <flux:radio.group x-data variant="segmented" x-model="$flux.appearance">
             <flux:radio value="light" icon="sun">{{ __('Light') }}</flux:radio>
             <flux:radio value="dark" icon="moon">{{ __('Dark') }}</flux:radio>

resources/views/livewire/settings/delete-user-form.blade.php

@@ -44,7 +44,7 @@ public function deleteUser(Logout $logout): void
                 </flux:subheading>
             </div>
 
-            <flux:input wire:model="password" id="password" label="{{ __('Password') }}" type="password" name="password" />
+            <flux:input wire:model="password" id="password" :label="__('Password')" type="password" name="password" />
 
             <div class="flex justify-end space-x-2">
                 <flux:modal.close>

resources/views/livewire/settings/password.blade.php

@@ -40,12 +40,12 @@ public function updatePassword(): void
 <section class="w-full">
     @include('partials.settings-heading')
 
-    <x-settings.layout heading="{{ __('Update password') }}" subheading="{{ __('Ensure your account is using a long, random password to stay secure') }}">
+    <x-settings.layout :heading="__('Update password')" :subheading="__('Ensure your account is using a long, random password to stay secure')">
         <form wire:submit="updatePassword" class="mt-6 space-y-6">
             <flux:input
                 wire:model="current_password"
                 id="update_password_current_passwordpassword"
-                label="{{ __('Current password') }}"
+                :label="__('Current password')"
                 type="password"
                 name="current_password"
                 required
@@ -54,7 +54,7 @@ public function updatePassword(): void
             <flux:input
                 wire:model="password"
                 id="update_password_password"
-                label="{{ __('New password') }}"
+                :label="__('New password')"
                 type="password"
                 name="password"
                 required
@@ -63,7 +63,7 @@ public function updatePassword(): void
             <flux:input
                 wire:model="password_confirmation"
                 id="update_password_password_confirmation"
-                label="{{ __('Confirm Password') }}"
+                :label="__('Confirm Password')"
                 type="password"
                 name="password_confirmation"
                 required

resources/views/livewire/settings/profile.blade.php

@@ -72,12 +72,12 @@ public function resendVerificationNotification(): void
 <section class="w-full">
     @include('partials.settings-heading')
 
-    <x-settings.layout heading="{{ __('Profile') }}" subheading="{{ __('Update your name and email address') }}">
+    <x-settings.layout :heading="__('Profile')" :subheading="__('Update your name and email address')">
         <form wire:submit="updateProfileInformation" class="my-6 w-full space-y-6">
-            <flux:input wire:model="name" label="{{ __('Name') }}" type="text" name="name" required autofocus autocomplete="name" />
+            <flux:input wire:model="name" :label="__('Name')" type="text" name="name" required autofocus autocomplete="name" />
 
             <div>
-                <flux:input wire:model="email" label="{{ __('Email') }}" type="email" name="email" required autocomplete="email" />
+                <flux:input wire:model="email" :label="__('Email')" type="email" name="email" required autocomplete="email" />
 
                 @if (auth()->user() instanceof \Illuminate\Contracts\Auth\MustVerifyEmail &&! auth()->user()->hasVerifiedEmail())
                     <div>