مشکل در بررسی لایک

سلام .
کامپوننت شما میتونه شکل واضح تری هم به خودش بگیره.

برای مثال کامپوننت زیر رو در نظر بگیرید:

<template>
    <span>
        <a href="#" v-if="isFavorited" @click.prevent="unFavorite(post)">
            <i  class="fa fa-heart"></i>
        </a>
        <a href="#" v-else @click.prevent="favorite(post)">
            <i  class="fa fa-heart-o"></i>
        </a>
    </span>
</template>

<script>
    export default {
        props: ['post', 'favorited'],

        data: function() {
            return {
                isFavorited: '',
            }
        },

        mounted() {
            this.isFavorited = this.isFavorite ? true : false;
        },

        computed: {
            isFavorite() {
                return this.favorited;
            },
        },

        methods: {
            favorite(post) {
                axios.post('/favorite/'+post)
                    .then(response => this.isFavorited = true)
                    .catch(response => console.log(response.data));
            },

            unFavorite(post) {
                axios.post('/unfavorite/'+post)
                    .then(response => this.isFavorited = false)
                    .catch(response => console.log(response.data));
            }
        }
    }
</script>

و برای استفاده درون Blade:

@if (Auth::check())
    <div class="panel-footer">
        <favorite
            :post={{ $post->id }}
            :favorited={{ $post->favorited() ? 'true' : 'false' }}
        ></favorite>
    </div>
@endif

و متد favorited درون مدل Post هم بشکل زیر:

use App\Favorite;
use Illuminate\Support\Facades\Auth;

/**
 * Determine whether a post has been liked by a user.
 *
 * @return boolean
 */
public function favorited()
{
    return (bool) Favorite::where('user_id', Auth::id())
                        ->where('post_id', $this->id)
                        ->first();
}

البته تمام این‌ها وقتی کار میکنه که رابطه‌ Favorite بدرستی در مدل User تنظیم شده باشند.

/**
 * Get all of favorite posts for the user.
 */
public function favorites()
{
    return $this->belongsToMany(Post::class, 'favorites', 'user_id', 'post_id')->withTimeStamps();
}

و نهایتا برای استفاده از توابعی که ساختید بشکل زیر عمل میشه:

public function favoritePost(Post $post)
{
    Auth::user()->favorites()->attach($post->id);

    return back();
}

public function unFavoritePost(Post $post)
{
    Auth::user()->favorites()->detach($post->id);

    return back();
}