app/ayanova/src/components/desertlist.vue

@@ -1,27 +1,28 @@
 <template>
-    <div>
-        <v-data-table
-            :headers="headers"
-            :items="desserts"
-            :pagination.sync="pagination"
-            :total-items="totalDesserts"
-            :loading="loading"
-            class="elevation-1"
-        >
-            <template slot="items" slot-scope="props">
-                <td>{{ props.item.name }}</td>
-                <td class="text-xs-right">{{ props.item.calories }}</td>
-                <td class="text-xs-right">{{ props.item.fat }}</td>
-                <td class="text-xs-right">{{ props.item.carbs }}</td>
-                <td class="text-xs-right">{{ props.item.protein }}</td>
-                <td class="text-xs-right">{{ props.item.iron }}</td>
-            </template>
-        </v-data-table>
-    </div>
+  <div>
+    <v-data-table
+      :headers="headers"
+      :items="desserts"
+      :pagination.sync="pagination"
+      :total-items="totalDesserts"
+      :loading="loading"
+      class="elevation-1"
+    >
+      <template slot="items" slot-scope="props">
+        <td>{{ props.item.name }}</td>
+        <td class="text-xs-right">{{ props.item.calories }}</td>
+        <td class="text-xs-right">{{ props.item.fat }}</td>
+        <td class="text-xs-right">{{ props.item.carbs }}</td>
+        <td class="text-xs-right">{{ props.item.protein }}</td>
+        <td class="text-xs-right">{{ props.item.iron }}</td>
+      </template>
+    </v-data-table>
+  </div>
 </template>
 
 
 <script>
+//https://vuetifyjs.com/en/components/data-tables#example-server
 export default {
   data() {
     return {

app/ayanova/src/components/inventorypartassemblytop.vue

@@ -0,0 +1,18 @@
+<template>
+    <v-container>
+        <v-layout text-xs-center wrap="">
+            <v-flex mb-4>
+                <h1 class="display-2 font-weight-bold mb-3">TOP Part assembly</h1>
+            </v-flex>
+        </v-layout>
+    </v-container>
+</template>
+
+<script>
+export default {
+  data: () => ({})
+};
+</script>
+
+<style>
+</style>

app/ayanova/src/components/inventoryparttop.vue

@@ -0,0 +1,18 @@
+<template>
+    <v-container>
+        <v-layout text-xs-center wrap="">
+            <v-flex mb-4>
+                <h1 class="display-2 font-weight-bold mb-3">TOP Parts</h1>
+            </v-flex>
+        </v-layout>
+    </v-container>
+</template>
+
+<script>
+export default {
+  data: () => ({})
+};
+</script>
+
+<style>
+</style>

app/ayanova/src/components/inventorypotop.vue

@@ -0,0 +1,18 @@
+<template>
+    <v-container>
+        <v-layout text-xs-center wrap="">
+            <v-flex mb-4>
+                <h1 class="display-2 font-weight-bold mb-3">TOP Purchase orders</h1>
+            </v-flex>
+        </v-layout>
+    </v-container>
+</template>
+
+<script>
+export default {
+  data: () => ({})
+};
+</script>
+
+<style>
+</style>

app/ayanova/src/components/inventorywarehousetop.vue

@@ -0,0 +1,18 @@
+<template>
+    <v-container>
+        <v-layout text-xs-center wrap="">
+            <v-flex mb-4>
+                <h1 class="display-2 font-weight-bold mb-3">Top Warehouses</h1>
+            </v-flex>
+        </v-layout>
+    </v-container>
+</template>
+
+<script>
+export default {
+  data: () => ({})
+};
+</script>
+
+<style>
+</style>

app/ayanova/src/components/inventorywidgettop.vue

@@ -0,0 +1,18 @@
+<template>
+    <v-container>
+        <v-layout text-xs-center wrap="">
+            <v-flex mb-4>
+                <h1 class="display-2 font-weight-bold mb-3">TOP WIDGET</h1>
+            </v-flex>
+        </v-layout>
+    </v-container>
+</template>
+
+<script>
+export default {
+  data: () => ({})
+};
+</script>
+
+<style>
+</style>