Сунгат Арынов

Добавить в webpack.mix.js

mix.styles([
'resources/assets/css/bootstrap.min.css',
// Другие стили
], 'public/css/styles.css');

mix.scripts([
'resources/assets/js/notification/SmartNotification.min.js',
 // Другие js скрипты
], 'public/js/scripts.js');

Запустить команду: "npm run watch".

Потом добавить на страницу пути к файлам выше:

<link rel="stylesheet" href="/css/styles.css">
<script type="text/javascript" src="/js/scripts.js"></script>

Что-то вроде этого, используя "middleware" для определения роли пользователей, используя пакет ниже.

Route::group(['prefix' => 'admin', 'middleware' => ['role:admin']], function() {
    Route::get('/', 'AdminController@welcome');
    Route::get('/manage', ['middleware' => ['permission:manage-admins'], 'uses' => 'AdminController@manageAdmins']);
});

Route::group(['prefix' => 'dashboard ', 'middleware' => ['role:user']], function() {
    Route::get('/', 'UserController@welcome');
});

laratrust.readthedocs.io/en/5.0/usage/middleware.html

Или можете добавить @ перед vue переменной, но на самом деле это все извращения.

Используйте vue компоненты и vue template в нем, передавая нужные переменные в компоненты через props или api.

Пример для вывода одного пользователя:

public function show($id)
{

$user = User::whereId($id)->firstOrFail(); 

return view('user.show', ['user' => $user]);
}

Во view:
{{$user}} и нужные вам данные по типу {{$user->name}} и т.д.

Пример для множества пользователей с роутами на функцию выше:

public function index()
{

$users = User::paginate(10);

return view('user.list', ['users' => $users]);
}

Потом во view можете список со ссылками по типу:

<ul>
@foreach ($users as $user)
<li><a href="route('user.show', ['id' => $user->id])">{{$user->name}}</a></li>
@endforeach
</ul>

С другой стороны, вы сформировали вопрос по которому сложно понять, что вам нужно. Если у вас один пользователь, то список пользователей будет из одного пользователя - вас. Пример выше, это дефолтный исчерпывающий код для примера между списком пользователей и выводом профиля одного. Дерзайте, узнавайте и сформируйте вопрос на который можно ответить определенно.

Одного laravel будет достаточно для всего.

Voyager — https://the-control-group.github.io/voyager/

Есть такой пакет: https://github.com/spatie/laravel-activitylog

— "При каждом обращении в админке, я отправляю запрос на получения авторизированного пользователя в API и получаю или массив с юзером, если авторизация успешна или null вместо юзера".

У jwt существует срок действия токена (задаете в настройках пакета tymondesigns). Поэтому, не обязательно при каждом. Один раз авторизовались, а потом можете обновлять токен через "перехватчика", если срок действия истек (remember function).

Да, отправили jwt token — получили пользователя. Примерно все так и должно работать.

Api работает с данными, а js с api.

$path = $request()->file('image')...

if (Str::startsWith($request->channel_name, ['private-', 'presence-']) &&
           ! $request->user()) {
            throw new HttpException(403);
        }

headers: {
            'X-CSRF-Token': $('meta[name=_token]').attr('content')
        }

Вот этот пакет вам поможет.

Ставите его и дальше по инструкции в доках по Scout (как добавлять индексы и делать запросы). В документации все просто:

php artisan scout:import "App\Post"
Это пример добавления индексов

$orders = App\Order::search('Star Trek')->get();
Это пример поиска.