From d1e1b08feb60c6071e6c1f8d5bcd79d4b7c425c8 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sat, 25 May 2019 12:33:43 +0100
Subject: [PATCH] Sort sessions alphabetically by title
---
src/App.vue | 11 ++++++++++-
src/components/AcceptedSessionsList.vue | 2 +-
2 files changed, 11 insertions(+), 2 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index ccd43b3..7595d19 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,12 +1,13 @@
<template>
<div id="app" class="antialiased min-h-screen font-sans bg-gray-100 text-black p-12">
- <accepted-sessions-list :sessions="sessions" />
+ <accepted-sessions-list :sessions="sortedSessions" />
</div>
</template>
<style src="./css/app.css"></style>
<script>
+import _ from 'lodash'
import AcceptedSessionsList from '@/components/AcceptedSessionsList'
const axios = require('axios')
@@ -31,6 +32,14 @@ export default {
this.loaded = true
this.sessions = data.data
})
+ },
+
+ computed: {
+ sortedSessions: function () {
+ return _(this.sessions).sortBy(session => {
+ return session.attributes.title
+ })
+ }
}
}
</script>
diff --git a/src/components/AcceptedSessionsList.vue b/src/components/AcceptedSessionsList.vue
index 743db36..a3e1876 100644
--- a/src/components/AcceptedSessionsList.vue
+++ b/src/components/AcceptedSessionsList.vue
@@ -18,7 +18,7 @@ import _ from 'lodash'
export default {
props: {
sessions: {
- type: Array,
+ type: Object,
required: true
}
},