sort catgeories on post

webapp/mixins/sortCategoriesMixin.js

@@ -1,9 +1,10 @@
 export default {
   methods: {
     sortCategories(categories, locales) {
-      const misc = categories.find((cat) => cat.slug === 'miscellaneous')
+      const miscSlug = 'miscellaneous'
+      const misc = categories.find((cat) => cat.slug === miscSlug)
       const sortedCategories = categories
-        .filter((cat) => cat.slug !== misc.slug)
+        .filter((cat) => cat.slug !== miscSlug)
         .sort((a, b) => {
           if (
             locales(`contribution.category.name.${a.slug}`) <

webapp/pages/post/_id/_slug/index.vue

@@ -61,7 +61,7 @@
               <ds-space margin="xx-large" />
               <ds-space margin="xx-small" />
               <hc-category
-                v-for="category in post.categories"
+                v-for="category in sortCategories(post.categories, $t)"
                 :key="category.id"
                 :icon="category.icon"
                 :name="$t(`contribution.category.name.${category.slug}`)"
@@ -146,6 +146,7 @@ import PostQuery from '~/graphql/PostQuery'
 import { groupQuery } from '~/graphql/groups'
 import PostMutations from '~/graphql/PostMutations'
 import links from '~/constants/links.js'
+import SortCategories from '~/mixins/sortCategoriesMixin.js'
 
 export default {
   name: 'PostSlug',
@@ -164,6 +165,7 @@ export default {
     PageParamsLink,
     UserTeaser,
   },
+  mixins: [SortCategories],
   head() {
     return {
       title: this.title,