Implement sorting of categories by name by default

Author: thecodeholic

backend/src/views/Categories/CategoriesTable.vue

@@ -14,7 +14,7 @@
           ID
         </TableHeaderCell>
         <TableHeaderCell field="name" :sort-field="sortField" :sort-direction="sortDirection"
-                         @click="sortCategories('email')">
+                         @click="sortCategories('name')">
           Name
         </TableHeaderCell>
         <TableHeaderCell field="slug" :sort-field="sortField" :sort-direction="sortDirection"
@@ -143,8 +143,8 @@ import {DotsVerticalIcon, PencilIcon, TrashIcon} from '@heroicons/vue/outline'
 import CategoryModal from "./CategoryModal.vue";
 
 const categories = computed(() => store.state.categories);
-const sortField = ref('updated_at');
-const sortDirection = ref('desc')
+const sortField = ref('name');
+const sortDirection = ref('asc')
 
 const category = ref({})
 const showCategoryModal = ref(false);

backend/src/views/Categories/CategoryModal.vue

@@ -115,6 +115,11 @@ const parentCategories = computed(() => {
         return true;
       })
       .map(c => ({key: c.id, text: c.name}))
+      .sort((c1, c2) => {
+        if (c1.text < c2.text) return -1;
+        if (c1.text > c2.text) return 1;
+        return 0;
+      })
   ]
 })