fix error on orders object

Author: noogen

example/index.js

@@ -1,4 +1,4 @@
 {
-    "/index.js": "/index.js?id=3a856874d4d38eaf42dc",
-    "/index.js.map": "/index.js.map?id=e0570d9573316e067c63"
+    "/index.js": "/index.js?id=c3150f74252920b08c5b",
+    "/index.js.map": "/index.js.map?id=e18a32d01cac4489a1f2"
 }

example/index.js.map

@@ -1,7 +1,7 @@
 {
   "name": "vue-datatables-net",
   "description": "Vue jQuery DataTables.net wrapper component",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "author": "[email protected]",
   "license": "MIT",
   "main": "lib/index.js",
@@ -24,7 +24,6 @@
     "lint-fix": "eslint --fix --ext .js,.vue src/ example/app.*",
     "check-outdated": "npm outdated"
   },
-  "dependencies": {},
   "browserslist": [
     "> 1%",
     "last 2 versions",
@@ -56,7 +55,7 @@
     "eslint-plugin-vue": "^5.2.3",
     "file-loader": "^3.0.1",
     "jquery": "^3.5.1",
-    "laravel-mix": "^4.1.4",
+    "laravel-mix": "^5.0.9",
     "vue": "^2.6.11",
     "vue-loader": "^15.9.3",
     "vue-template-compiler": "^2.6.11"

lib/index.js

@@ -56,7 +56,7 @@
                 :placeholder="field.label"
                 :class="columnSearchClassName"
                 type="search"
-              />
+              >
               <div
                 v-else-if="!columnSearch"
                 v-html="field.label"
@@ -265,6 +265,8 @@ export default {
       that.options = jq.extend({}, that.options, that.opts)
     }
 
+    that.options.order = that.options.order || [[startCol, 'asc']]
+
     if (that.fields) {
       const fields = that.fields
       let cols     = that.options.columns
@@ -426,23 +428,23 @@ export default {
 
     if (!that.hideFooter && that.columnSearch) {
       that.options.initComplete = function () {
-        let api = this.api();
-        let state = api.state.loaded();
+        let api = this.api()
+        let state = api.state.loaded()
 
         api.columns().every(function () {
-          const that = this;
-          const colIdx = this.index();
+          const that = this
+          const colIdx = this.index()
 
           if(state){
-            let colSearch = state.columns[colIdx].search;
+            let colSearch = state.columns[colIdx].search
             if (colSearch.search){
-              jq('input', this.footer()).val(colSearch.search);
+              jq('input', this.footer()).val(colSearch.search)
             }
           }
 
           jq('input', this.footer()).on('keyup change clear search', function () {
             if (that.search() !== this.value) {
-              that.search(this.value).draw();
+              that.search(this.value).draw()
             }
           })
         })