Merge branch 'feature/UI-vuetify' into 'feature/category-ui'

# Conflicts:
#   layouts/admin.vue
#   pages/categories/index.vue
#   pages/posts/index.vue
#   pages/products/index.vue
#   pages/users/index.vue

pages/users/index.vue

@@ -2,6 +2,7 @@
 <template>
   <v-app>
     <div>
+      <div />
       <div>
         <v-breadcrumbs :items="items">
           <template #divider>
@@ -10,12 +11,7 @@
         </v-breadcrumbs>
       </div>
       <div style="float: right">
-        <v-dialog
-          v-model="dialog1"
-          persistent
-          max-width="600px"
-          @submit.prevent="createUser"
-        >
+        <v-dialog v-model="dialog1" persistent max-width="600px" @submit.prevent="createUser">
           <template #activator="{ on, attrs }">
             <v-btn
               color="primary"
@@ -155,8 +151,7 @@
             <v-spacer />
           </v-toolbar>
         </template>
-        // eslint-disable-next-line vue/valid-v-slot
-        <template #item.actions="{ item }">
+        <template #[`item.actions`]="{ item }">
           <v-icon :id="item.id" small class="mr-2" @click="dialog2 = true; editUser(item);">
             mdi-pencil
           </v-icon>

plugins/axios.js

 export default function ({ $axios }, inject, redirect) {
-  $axios.onError(error => {
-    if(error.response.status === 500) {
+  $axios.onError((error) => {
+    if (error.response.status === 500) {
       redirect('/500')
     }
   })
 
-  $axios.onError(error => {
+  $axios.onError((error) => {
     const code = parseInt(error.response && error.response.status)
     if (code === 400) {
       redirect('/400')