Mini Stack Overflow ب Laravel 8 Darija & Vuejs 2 Darija الجزء التاسع
فهاد الجزء التاسع والأخير من Mini Stack Overflow ب Laravel 8 Darija & Vuejs 2 Darija غادي نشارجيو ل components لي زدنا قبل منبعد غادي نزيدوا Laravel Routes ديالنا مع middleware.
نظرة سريعة بالفيديو
1- إضافة ل Vuejs Components ف app.js
ف dossier resources/js كاين ل fichier app.js لي غادي نديروا عليه تعديلات باش نخدموا بل components لي زدنا قبل.
الكود ديال ل fichier هو :
//
require('./bootstrap');
window.Vue = require('vue').default;
Vue.component('vote-component', require('./components/VoteComponent.vue').default);
Vue.component('comment-component', require('./components/CommentComponent.vue').default);
const app = new Vue({
el: '#app',
});
2- إضافة ل Api Routes
منبعد ف dossier routes غادي نديروا تعديل على ل fichier api.php غادي نزيدوا les routes لي غادي نحتاجوا.
الكود ديال ل fichier هو :
//
<?php
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;
Route::get('questions/{id}/voteup', 'QuestionController@voteUp');
Route::get('questions/{id}/votedown', 'QuestionController@voteDown');
Route::get('question/{id}/comments', 'QuestionController@getQuestionComments');
Route::post('comments/add', 'CommentController@store');
Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
return $request->user();
});
3- إضافة ل Web Routes
دائما ف dossier routes غادي نديروا تعديل على ل fichier web.php غادي نزيدوا les routes لي غادي نحتاجوا.
الكود ديال ل fichier هو :
//
<?php
use Illuminate\Support\Facades\Route;
Route::resource('collectives', 'CollectiveController');
Route::resource('questions', 'QuestionController');
Route::get('/{category?}', 'HomeController@index')->name('home');