From df716a6099a344df5a310f5a06f459273cb0827d Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Wed, 26 Dec 2018 01:57:49 +0000
Subject: [PATCH] Sort applications by name

---
 src/views/Applications.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/views/Applications.vue b/src/views/Applications.vue
index 0efef0e..794b6d6 100644
--- a/src/views/Applications.vue
+++ b/src/views/Applications.vue
@@ -39,7 +39,7 @@
 
           <div class="flex flex-wrap -mx-3 -mb-6">
             <application-card
-              v-for="application in applications"
+              v-for="application in sortedApplications"
               :id="application.id"
               :application="application"
               :key="application.id"
@@ -63,6 +63,7 @@
 <script>
 import ApplicationCard from '@/components/Application/ApplicationCard'
 import ApplicationDisplaySwitcher from '@/components/Application/ApplicationDisplaySwitcher'
+import _ from 'lodash'
 import data from '@/data.json'
 
 export default {
@@ -78,6 +79,12 @@ export default {
     }
   },
 
+  computed: {
+    sortedApplications: function () {
+      return _.sortBy(this.applications, [function (a) { return a.name }])
+    }
+  },
+
   methods: {
     handleDisplay(mode) {
       this.display = mode