Add computed attributes

Author: WendellAdriel

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

@@ -1,9 +1,11 @@
 <?php
 
 use App\Models\User;
+use Illuminate\Contracts\Auth\MustVerifyEmail;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Session;
 use Illuminate\Validation\Rule;
+use Livewire\Attributes\Computed;
 use Livewire\Volt\Component;
 
 new class extends Component {
@@ -67,6 +69,19 @@ public function resendVerificationNotification(): void
 
         Session::flash('status', 'verification-link-sent');
     }
+
+    #[Computed]
+    public function hasUnverifiedEmail(): bool
+    {
+        return Auth::user() instanceof MustVerifyEmail && ! Auth::user()->hasVerifiedEmail();
+    }
+
+    #[Computed]
+    public function showDeleteUser(): bool
+    {
+        return ! Auth::user() instanceof MustVerifyEmail
+            || (Auth::user() instanceof MustVerifyEmail && Auth::user()->hasVerifiedEmail());
+    }
 }; ?>
 
 <section class="w-full">
@@ -81,7 +96,7 @@ public function resendVerificationNotification(): void
             <div>
                 <flux:input wire:model="email" :label="__('Email')" type="email" required autocomplete="email" />
 
-                @if (auth()->user() instanceof \Illuminate\Contracts\Auth\MustVerifyEmail && ! auth()->user()->hasVerifiedEmail())
+                @if ($this->hasUnverifiedEmail)
                     <div>
                         <flux:text class="mt-4">
                             {{ __('Your email address is unverified.') }}
@@ -113,11 +128,8 @@ public function resendVerificationNotification(): void
             </div>
         </form>
 
-        @if (
-                ! auth()->user() instanceof \Illuminate\Contracts\Auth\MustVerifyEmail
-                || (auth()->user() instanceof \Illuminate\Contracts\Auth\MustVerifyEmail && auth()->user()->hasVerifiedEmail())
-        )
-            <livewire:settings.delete-user-form />
+        @if ($this->showDeleteUser)
+            <livewire:settings.delete-user-form/>
         @endif
     </x-settings.layout>
 </section>