Adding content header to the components itself

Modules/Page/Assets/js/components/PageTableServerSide.vue

 <template>
-    <div class="row">
-        <div class="col-xs-12">
-            <div class="box box-primary">
-                <div class="box-body">
-                    <div class="sc-table">
-                        <div class="tool-bar el-row" style="padding-bottom: 20px;">
-                            <div class="actions el-col el-col-5">
-                                <router-link :to="{name: 'admin.page.page.create'}">
-                                    <el-button type="primary"><i class="el-icon-edit"></i> {{ translate('page', 'create page') }}</el-button>
-                                </router-link>
-                            </div>
-                            <div class="search el-col el-col-5">
-                                <el-input icon="search" @change="performSearch" v-model="searchQuery">
-                                </el-input>
+    <div class="div">
+        <div class="content-header">
+            <h1>
+                {{ translate('page', 'pages') }}
+            </h1>
+            <el-breadcrumb separator="/">
+                <el-breadcrumb-item>
+                    <a href="/backend">Home</a>
+                </el-breadcrumb-item>
+                <el-breadcrumb-item :to="{name: 'admin.page.page.index'}">{{ translate('page', 'pages') }}</el-breadcrumb-item>
+            </el-breadcrumb>
+        </div>
+
+        <div class="row">
+            <div class="col-xs-12">
+                <div class="box box-primary">
+                    <div class="box-body">
+                        <div class="sc-table">
+                            <div class="tool-bar el-row" style="padding-bottom: 20px;">
+                                <div class="actions el-col el-col-5">
+                                    <router-link :to="{name: 'admin.page.page.create'}">
+                                        <el-button type="primary"><i class="el-icon-edit"></i>
+                                            {{ translate('page', 'create page') }}
+                                        </el-button>
+                                    </router-link>
+                                </div>
+                                <div class="search el-col el-col-5">
+                                    <el-input icon="search" @change="performSearch" v-model="searchQuery">
+                                    </el-input>
+                                </div>
                             </div>
-                        </div>
 
-                        <el-table
-                                :data="data"
-                                stripe
-                                style="width: 100%"
-                                v-loading.body="tableIsLoading"
-                                @sort-change="handleSortChange">
-                            <el-table-column prop="id" label="Id" width="100" sortable="custom">
-                            </el-table-column>
-                            <el-table-column prop="translations.title" :label="translate('page', 'title')">
-                            </el-table-column>
-                            <el-table-column prop="translations.slug" label="Slug">
-                            </el-table-column>
-                            <el-table-column prop="created_at" label="Created at" sortable="custom">
-                            </el-table-column>
-                            <el-table-column fixed="right" prop="actions" label="Actions">
-                                <template scope="scope">
-                                    <a class="btn btn-default btn-flat" @click.prevent="goToEdit(scope)"><i
-                                            class="fa fa-pencil"></i></a>
+                            <el-table
+                                    :data="data"
+                                    stripe
+                                    style="width: 100%"
+                                    v-loading.body="tableIsLoading"
+                                    @sort-change="handleSortChange">
+                                <el-table-column prop="id" label="Id" width="100" sortable="custom">
+                                </el-table-column>
+                                <el-table-column prop="translations.title" :label="translate('page', 'title')">
+                                </el-table-column>
+                                <el-table-column prop="translations.slug" label="Slug">
+                                </el-table-column>
+                                <el-table-column prop="created_at" label="Created at" sortable="custom">
+                                </el-table-column>
+                                <el-table-column fixed="right" prop="actions" label="Actions">
+                                    <template scope="scope">
+                                        <a class="btn btn-default btn-flat" @click.prevent="goToEdit(scope)"><i
+                                                class="fa fa-pencil"></i></a>
 
-                                    <delete-button :scope="scope" :rows="data" :translations="translations">
-                                    </delete-button>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-                        <div class="pagination-wrap" style="text-align: center; padding-top: 20px;">
-                            <el-pagination
-                                    @size-change="handleSizeChange"
-                                    @current-change="handleCurrentChange"
-                                    :current-page.sync="meta.current_page"
-                                    :page-sizes="[10, 20, 50, 100]"
-                                    :page-size="parseInt(meta.per_page)"
-                                    layout="total, sizes, prev, pager, next, jumper"
-                                    :total="meta.total">
-                            </el-pagination>
+                                        <delete-button :scope="scope" :rows="data" :translations="translations">
+                                        </delete-button>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                            <div class="pagination-wrap" style="text-align: center; padding-top: 20px;">
+                                <el-pagination
+                                        @size-change="handleSizeChange"
+                                        @current-change="handleCurrentChange"
+                                        :current-page.sync="meta.current_page"
+                                        :page-sizes="[10, 20, 50, 100]"
+                                        :page-size="parseInt(meta.per_page)"
+                                        layout="total, sizes, prev, pager, next, jumper"
+                                        :total="meta.total">
+                                </el-pagination>
+                            </div>
                         </div>
                     </div>
                 </div>

Modules/Page/Resources/views/admin/create.blade.php

 @extends('layouts.master')
 
 @section('content-header')
-    <h1>
-        {{ trans('page::pages.create page') }}
-    </h1>
-    <ol class="breadcrumb">
-        <li><a href="{{ route('dashboard.index') }}"><i class="fa fa-dashboard"></i> {{ trans('core::core.breadcrumb.home') }}</a></li>
-        <li><a href="{{ route('admin.page.page.index') }}">{{ trans('page::pages.pages') }}</a></li>
-        <li class="active">{{ trans('page::pages.create page') }}</li>
-    </ol>
 @stop
 
 @push('css-stack')

Modules/Page/Resources/views/admin/edit.blade.php

 @extends('layouts.master')
 
 @section('content-header')
-    <h1>
-        {{ trans('page::pages.edit page') }}
-    </h1>
-    <ol class="breadcrumb">
-        <li><a href="{{ route('dashboard.index') }}"><i class="fa fa-dashboard"></i> {{ trans('core::core.breadcrumb.home') }}</a></li>
-        <li><a href="{{ route('admin.page.page.index') }}">{{ trans('page::pages.pages') }}</a></li>
-        <li class="active">{{ trans('page::pages.edit page') }}</li>
-    </ol>
 @stop
 
 @push('css-stack')

Modules/Page/Resources/views/admin/index.blade.php

 @extends('layouts.master')
 
 @section('content-header')
-    <h1>
-        {{ trans('page::pages.pages') }}
-    </h1>
-    <ol class="breadcrumb">
-        <li><a href="{{ route('dashboard.index') }}"><i class="fa fa-dashboard"></i> {{ trans('core::core.breadcrumb.home') }}</a></li>
-        <li class="active">{{ trans('page::pages.pages') }}</li>
-    </ol>
 @stop
 
 @section('content')