How to use Laravel auth() in a Vue component

Question

I normally was using Auth in Laravel blade view to remove buttons that some users have no right too. Now i have just started lately trying to learn Vue and im wondering how im supposed to use this in a Vue Component.

This is what i were using in blade and would like to use in Vue component.

    @if(!Auth::guest() && ($post->author_id == Auth::user()->id))
        <a href="{{ url('home/edit/'.$post->slug)}}" class="btn-sm btn-info">Edit Post</a>
        <a href="{{  url('home/delete/'.$post->id.'?_token='.csrf_token()) }}" class="btn-sm btn-warning">Delete</a>
    @endif

Basharmal · Accepted Answer · 2021-03-26 11:19:33Z

1

You can pass the User instance into the component with a prop. For example:

<example-component :user="{{ Auth::user() }}"></example-component>

Then you can access the user's information like so:

<template>

 <p>{{ user.name }}</p>

</template>
export default {
   props : ['user']
}

answered Mar 26, 2021 at 11:19

Basharmal

1,3941 gold badge14 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Viktor · Accepted Answer · 2021-03-26 11:20:59Z

1

There is no way for using default Laravel Auth. You should use special packages for API authentication such as Laravel Sanctum https://laravel.com/docs/8.x/sanctum

answered Mar 26, 2021 at 11:20

Viktor

1,7327 gold badges32 silver badges64 bronze badges

Collectives™ on Stack Overflow

How to use Laravel auth() in a Vue component

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related