Undefined Variable Livewire

do you mean this? passing it into ...

<livewire:some-component :user=$adminData" />

@webrobert Thanks for your reply.

The question is:

How can I define and then compact variables in livewire ? And how to display the variables in blade file just like the example I showed above: {{ $adminData->firstname }}

as a livewire component

class ProfileShow extends component
{
  public function render()
  {
      $adminData = Auth::user();
      return view('admin.admin_profile_view', compact('adminData')); 
  }
}

but this isn't ideal when you have lots of renders and variables because each time the page renders everything has to be loaded again. Instead you use public properties.

https://laravel-livewire.com/docs/2.x/properties

and I am a particular fan of computed properties

https://laravel-livewire.com/docs/2.x/properties#computed-properties

so you could do...

class ProfileShow extends component
{
    public $adminData; // also if you want to make the property reactive
    
    // only fetch the user on the first render
    public function mount()  
    {
        $this->adminData = Auth::user();
    }
    
    public function render()
    {
        return view('admin.admin_profile_view');  // no need to pass it
    }
}
}

and this works

{{ $adminData->firstname }}

and for a computed property

Computed properties are cached for an individual Livewire request lifecycle. Meaning, if you call $this->post 5 times in a component's blade view, it won't make a separate database query every time.

class ProfileShow extends component
{
    public function getAdminDataProperty()
    {
        return auth()->user();
    }

    public function render()
    {
        return view('admin.admin_profile_view');  
    }
}

{{ $this->adminData->firstname }}

@shunmas

did you read my examples?

you don't need to pass public properties to the view.

@webrobert Yes those were comments, I checked and came up with this:

class ProfileShow extends Component
{

    
    public $adminData;


    public function mount()
    {
        $this->adminData = Auth::user();
        
    }
    public function render()
    {
        
        return view('admin.admin_profile_view');
    }

}

Still, the page is blank. I have checked @livewireStyles, @livewireScripts are at proper places.

Do I need to change routes, its currently like this:

Route::middleware(['auth', 'role:Admin'])
    ->prefix('admin')
    ->as('admin.')
    ->group(function () {
    Route::get('/dashboard', [AdminController::class, 'dashboard'])->name('dashboard');
    Route::get('/logout', [AdminController::class, 'destroy'])->name('logout');
    Route::get('/profile', [AdminController::class, 'profile'])->name('profile');
    Route::post('/profile/store', [AdminController::class, 'profilestore'])->name('profile.store');
    Route::get('/password/change', [AdminController::class, 'changepassword'])->name('change.password');
    Route::post('/password/update', [AdminController::class, 'updatepassword'])->name('update.password');
});

@shunmas based on the code you've showed you are never using the livewire component. Do you have it in the view you load via your AdminController? Or are you wanting to just use a full page liveware component?

@webrobert Yes I am showing it like this:

@livewire('admin.profile-show')

@shunmas hmmm, make sure you livewire blade has one root div, are there any errors the console? and what happens when you dd

    public function render()
    {
        dd("I'm here");
        return view('admin.admin_profile_view');
    }

@webrobert 404 Not Found

The URL is 'admin/profile'

@shunmas

ok, just confirming

the adminController view is... admin.admin_profile_view

AND

the livewire view is 'livewire.admin.profile-show'

@shunmas sorry to hear that. I love livewire. My current project 99% livewire controllers.

@cblack267 Thank you very much, you are live saver, turns out just to add x-slot in there.