Merge pull request #3 from el-jacko/bug-fix

Bug fixes & Vuetify compability

Author: el-jacko

npm-debug.log.3836475044

@@ -36,11 +36,11 @@
     "copy-webpack-plugin": "^4.0.1",
     "css-loader": "^0.26.1",
     "eslint": "^3.14.1",
+    "eslint-config-airbnb-base": "^11.0.1",
     "eslint-friendly-formatter": "^2.0.7",
+    "eslint-import-resolver-webpack": "^0.8.1",
     "eslint-loader": "^1.6.1",
     "eslint-plugin-html": "^2.0.0",
-    "eslint-config-airbnb-base": "^11.0.1",
-    "eslint-import-resolver-webpack": "^0.8.1",
     "eslint-plugin-import": "^2.2.0",
     "eventsource-polyfill": "^0.9.6",
     "express": "^4.14.1",
@@ -50,17 +50,18 @@
     "function-bind": "^1.1.0",
     "html-webpack-plugin": "^2.28.0",
     "http-proxy-middleware": "^0.17.3",
-    "webpack-bundle-analyzer": "^2.2.1",
-    "semver": "^5.3.0",
     "opn": "^4.0.2",
     "optimize-css-assets-webpack-plugin": "^1.3.0",
     "ora": "^1.1.0",
     "rimraf": "^2.6.0",
+    "semver": "^5.3.0",
     "url-loader": "^0.5.7",
     "vue-loader": "^11.1.4",
     "vue-style-loader": "^2.0.0",
     "vue-template-compiler": "^2.2.1",
+    "vuetify": "^0.12.7",
     "webpack": "^2.2.1",
+    "webpack-bundle-analyzer": "^2.2.1",
     "webpack-dev-middleware": "^1.10.0",
     "webpack-hot-middleware": "^2.16.1",
     "webpack-merge": "^2.6.1"

package.json

@@ -1,7 +1,7 @@
 <template>
   <div id="app">
   <meta name="viewport" content="width=device-width">
-    <vue-editortable :data="{ columns, options }"></vue-editortable>
+    <vue-editortable :data="{ columns, options, style }"></vue-editortable>
   </div>
 </template>
 
@@ -30,7 +30,7 @@
             editable: true,
             validator: {
               rules: [
-                'ip4',
+                'alpha',
               ],
               messages: [
                 'Must be alpha',
@@ -82,7 +82,14 @@
             // ],
           // },
         },
+        style: 'vuetify',
+        // style: 'customdark',
       };
     },
   };
 </script>
+
+<style>
+  @import "https://unpkg.com/vuetify/dist/vuetify.min.css";
+  @import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons";
+</style>