created MainContentLayout slot template

src/pages/Operum.vue

@@ -1,37 +1,38 @@
 <template>
-  <div
-    id="operum"
-    class="full-width"
-  >
-    <h1>Operum</h1>
-    <span v-if="!items.length">Loading ...</span>
-    <div v-else class="item-list">
-      <ul>
-        <li v-for="item in items" :key="item.url">
-          <OperumItem :item="item" />
-        </li>
-      </ul>
-    </div>
-  </div>
+  <MainContentLayout id="operum">
+    <template v-slot:header>
+      <h1>Œuvres</h1>
+      <span v-if="!items.length">Loading ...</span>
+    </template>
+
+    <ul v-if="items.length" class="item-list">
+      <li v-for="item in items" :key="item.url">
+        <OperumItem :item="item" />
+      </li>
+    </ul>
+
+    <template v-slot:nav>
+      nav
+    </template>
+  </MainContentLayout>
 </template>
 
 <script>
 
 import { REST } from 'api/rest-axios'
+import MainContentLayout from '../components/Layouts/MainContentLayout'
 import OperumItem from '../components/Content/OperumItem'
 
 export default {
   name: 'Operum',
   components: {
-    OperumItem
+    OperumItem,
+    MainContentLayout
   },
   data: () => ({
     items: []
-
   }),
   beforeCreate () {
-    // items/gdpLeMaire1685T01BodyFr01.003.016
-    // texts/gdpSauval1724
     REST.get(`/indexOperum`, {})
       .then(({ data }) => {
         console.log('operum REST: data', data)