add ability to disable theme

Author: selfagency

README.md

@@ -39,7 +39,7 @@ export default {
 
 ## Usage
 
-Pass either `data`, `from`, or `server` as a data source. Everything else is optional.
+Pass `cols` and either `rows`, `from`, or `server` as a data source. Everything else is optional.
 
 Refer to [Grid.js documentation](https://gridjs.io/docs/config/) for specific configuration options.
 
@@ -78,7 +78,7 @@ export default {
       search: true / false || {}, // boolean or search settings object
       server: {}, // server settings object
       sort: true / false || {}, // boolean or sort settings object
-      theme: 'mermaid', // string with name of theme
+      theme: 'mermaid', // string with name of theme or 'none' to disable
       width: '100%' // string with css width value
     }
   }

attributes.json

@@ -36,8 +36,8 @@
     "description": "Boolean or sort settings object. Default: false"
   },
   "gridjs-vue/theme": {
-    "type": "string",
-    "description": "String with name of theme. Default: 'mermaid'"
+    "type": ["string"],
+    "description": "String with name of theme or 'none' to disable. Default: 'mermaid'"
   },
   "gridjs-vue/width": {
     "type": "string",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "gridjs-vue",
   "description": "A Vue.js wrapper component for Grid.js",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "license": "MIT",
   "private": false,
   "main": "./dist/index.js",

src/gridjs-vue.vue

@@ -64,7 +64,6 @@ export default {
         }
       },
       grid: null,
-      styles: null,
       uuid: null,
       wrapper: null
     }
@@ -128,7 +127,7 @@ export default {
     this.wrapper = await elementReady(`[data-uuid="${this.uuid}"]`)
 
     // assign styles
-    this.assignStyles()
+    if (this.theme !== 'none') this.assignStyles()
 
     // instantiate grid.js
     if (this.wrapper && (this.options.data || this.options.from || this.options.server)) {