fix: fixes sorting for outline items

Author: chunksnbits

docs/.vuepress/components/outline.vue

@@ -27,6 +27,14 @@
 
 const sortedCategories = ['frontend', 'tools', 'backend', 'other'];
 
+function getCategoryIndex(skill) {
+  return sortedCategories.indexOf(skill.catagory);
+}
+
+function equalsCategory(skill, other) {
+  return getCategoryIndex(skill) === getCategoryIndex(other);
+}
+
 export default {
   name: 'outline',
   props: ['outline'],
@@ -35,11 +43,12 @@ export default {
       if (!this.outline.skills) {
         return [];
       }
+
       return this.outline.skills.sort((skill, other) => {
-        if (sortedCategories.indexOf(skill.catagory) !== sortedCategories.indexOf(other.catagory)) {
-          return sortedCategories.indexOf(skill.catagory) - sortedCategories.indexOf(skill.catagory);
+        if (equalsCategory(skill, other)) {
+          return getCategoryIndex(other) - getCategoryIndex(skill);
         }
-        other.level - skill.level;
+        return other.level - skill.level;
       });
     }
   }

docs/.vuepress/theme/Layout.vue

@@ -54,8 +54,6 @@
 <script>
 export default {
   data() {
-    console.log('+++ data', Number.POSITIVE_INFINITY);
-
     return {
       tableOfContents: false,
 
@@ -67,7 +65,6 @@ export default {
   },
   methods: {
     setTableOfContents(value) {
-      console.log('+++ value', value);
       this.tableOfContents = value;
     },
   },
@@ -301,7 +298,7 @@ export default {
     }
   }
 
-  p {
+  p, ul {
     margin-bottom: 0.5rem;
   }