materialdesignicons, colors, more layout

src/pages/Nominum.vue

@@ -6,13 +6,15 @@
     <h1>Nominum</h1>
   </div>
 </template>
+
 <script>
+
 export default {
   name: 'Nominum',
   data: () => ({
-
   })
 }
 </script>
+
 <style lang="scss" scoped>
 </style>

src/pages/Operum.vue

@@ -4,14 +4,39 @@
     class="full-width"
   >
     <h1>Operum</h1>
+    <span v-if="!items.length">Loading ...</span>
   </div>
 </template>
+
 <script>
+
+import { REST } from 'api/rest-axios'
+
 export default {
   name: 'Operum',
   data: () => ({
+    items: []
 
-  })
+  }),
+  beforeCreate () {
+    REST.get(`/indexOperum`, {})
+      .then(({ data }) => {
+        console.log('operum REST: data', data)
+        // if(data.length){
+        //   commit('setItems',data)
+        //   // console.log('items.length', this.items.length);
+        //   if(state.infiniteLoadingState)
+        //     state.infiniteLoadingState.loaded()
+        // }else{
+        //   if(state.infiniteLoadingState)
+        //     state.infiniteLoadingState.complete()
+        // }
+      })
+      .catch((error) => {
+        console.warn('Issue with operum', error)
+        Promise.reject(error)
+      })
+  }
 }
 </script>
 <style lang="scss" scoped>