From 3aaaee0f9363a3ec5a21b07c5e941fca50313a62 Mon Sep 17 00:00:00 2001
From: Andreas Nedbal <andy@pixelde.su>
Date: Thu, 6 Feb 2020 23:08:35 +0100
Subject: [PATCH] extract sorting constants into own module

---
 src/components/FeedSortFilter.vue | 32 ++++++-------------------------
 src/modules/sorting.js            | 25 ++++++++++++++++++++++++
 2 files changed, 31 insertions(+), 26 deletions(-)
 create mode 100644 src/modules/sorting.js

diff --git a/src/components/FeedSortFilter.vue b/src/components/FeedSortFilter.vue
index 052db46..105eccc 100644
--- a/src/components/FeedSortFilter.vue
+++ b/src/components/FeedSortFilter.vue
@@ -5,7 +5,7 @@
       <v-select
           dense
           v-model="selectedProperty"
-          :items="ALLOWED_PROPERTIES"
+          :items="properties"
           label="Sort by"
         >
       </v-select>
@@ -14,7 +14,7 @@
       <v-select
           dense
           v-model="selectedOrder"
-          :items="ALLOWED_ORDERINGS"
+          :items="orderings"
           label="Order"
         >
       </v-select>
@@ -23,34 +23,14 @@
 </template>
 
 <script>
+import { ALLOWED_PROPERTIES, ALLOWED_ORDERINGS } from '../modules/sorting';
+
 export default {
   name: 'FeedSortFilter',
 
   data: () => ({
-    ALLOWED_PROPERTIES: [
-      {
-        text: 'Publish Date',
-        value: 'published',
-      },
-      {
-        text: 'Views',
-        value: 'views',
-      },
-      {
-        text: 'Rating',
-        value: 'rating',
-      },
-    ],
-    ALLOWED_ORDERINGS: [
-      {
-        text: 'Ascending',
-        value: 'asc',
-      },
-      {
-        text: 'Descending',
-        value: 'desc',
-      },
-    ],
+    properties: ALLOWED_PROPERTIES,
+    orderings: ALLOWED_ORDERINGS,
   }),
 
   computed: {
diff --git a/src/modules/sorting.js b/src/modules/sorting.js
new file mode 100644
index 0000000..5963145
--- /dev/null
+++ b/src/modules/sorting.js
@@ -0,0 +1,25 @@
+export const ALLOWED_PROPERTIES = [
+  {
+    text: 'Publish Date',
+    value: 'published',
+  },
+  {
+    text: 'Views',
+    value: 'views',
+  },
+  {
+    text: 'Rating',
+    value: 'rating',
+  },
+];
+
+export const ALLOWED_ORDERINGS = [
+  {
+    text: 'Ascending',
+    value: 'asc',
+  },
+  {
+    text: 'Descending',
+    value: 'desc',
+  },
+];