Fix sort arrow icon classes

examples/dist/index.html

@@ -12,5 +12,5 @@
 
 <script src="//unpkg.com/jquery@2.1.4/dist/jquery.min.js"></script>
 <script src="//unpkg.com/bootstrap@3.3.5/dist/js/bootstrap.min.js"></script>
-<script type="text/javascript" src="client.ba80e24e.js"></script></body>
+<script type="text/javascript" src="client.84d95696.js"></script></body>
 </html>

src/Table/HeadSort.vue

@@ -20,8 +20,11 @@ export default {
     cls () {
       return [
         'fa',
-        `fa-sort-${this.order}`.replace(/-$/, ''),
-        { 'text-muted': !this.order }
+        { 'fa-sort': !this.order,
+          'fa-sort-up': this.order === 'asc',
+          'fa-sort-down': this.order === 'desc',
+          'text-muted': !this.order
+        }
       ]
     }
   },

test/Basic.spec.js

@@ -45,15 +45,15 @@ test('sort', async t => {
     vm.query
   )
   await nextTick()
-  t.true(uidSort.hasClass('fa-sort-desc'))
+  t.true(uidSort.hasClass('fa-sort-down'))
 
   ageSortBtn.trigger('click')
   t.deepEqual(
     { limit: 10, offset: 0, sort: 'age', order: 'desc' },
     vm.query
   )
   await nextTick()
-  t.true(ageSort.hasClass('fa-sort-desc'))
+  t.true(ageSort.hasClass('fa-sort-down'))
 
   ageSortBtn.trigger('click')
   t.deepEqual(
@@ -62,12 +62,12 @@ test('sort', async t => {
   )
   await nextTick()
   await nextTick()
-  t.true(ageSort.hasClass('fa-sort-asc'))
+  t.true(ageSort.hasClass('fa-sort-up'))
 
   /* *** programmatic behavior  *** */
   Object.assign(vm.query, { sort: 'uid', order: 'asc' })
   await nextTick()
-  t.true(uidSort.hasClass('fa-sort-asc'))
+  t.true(uidSort.hasClass('fa-sort-up'))
 })
 
 test('pagination relevant', async t => {