11.5 Sort Dropdown - Configure the Options

src/components/Tasks/Tools/Sort.vue

@@ -1,7 +1,9 @@
 <template>
   <q-select
     filled
-    v-model="model"
+    v-model="sortBy"
+    emit-value
+    map-options
     class="col q-ml-sm"
     :options="options"
     lable="Sort by"
@@ -14,9 +16,16 @@ export default {
   name: 'Sort',
   data () {
     return {
-      model: null,
+      sortBy: null,
       options: [
-        'Name', 'Due Date', 'Due Time'
+        {
+          label: 'Name',
+          value: 'name'
+        },
+        {
+          label: 'Date',
+          value: 'dueDate'
+        }
       ]
     }
   }