refactor: vue-cli 3

.eslintignore

@@ -1,4 +1,2 @@
-/build/
-/config/
 /dist/
-/*.js
+babel.config.js

.eslintrc.js

@@ -1,41 +1,23 @@
-// https://eslint.org/docs/user-guide/configuring
-
 module.exports = {
   root: true,
-  parserOptions: {
-    parser: 'babel-eslint',
-    sourceType: 'module'
+  env: {
+    node: true
   },
   globals: {
     browser: true,
     Cards: true,
     browserName: true,
   },
-  env: {
-    browser: true,
-    es6: true,
-  },
-  extends: [
-    'airbnb-base',
-    'plugin:vue/recommended'
-  ],
-  // required to lint *.vue files
-  plugins: [
-    'vue'
+  'extends': [
+    'plugin:vue/recommended',
+    '@vue/airbnb'
   ],
-  // check if imports actually resolve
-  settings: {
-    'import/resolver': {
-      webpack: {
-        config: 'build/webpack.base.conf.js'
-      }
-    }
-  },
-  // add your custom rules here
   rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'vue/max-attributes-per-line': 0,
-    'no-underscore-dangle': 0,
     'no-bitwise': 0,
+    'no-underscore-dangle': 0,
     // don't require .vue extension when importing
     'import/extensions': ['error', 'always', {
       js: 'never',
@@ -52,11 +34,8 @@ module.exports = {
         'f'
       ]
     }],
-    // allow optionalDependencies
-    'import/no-extraneous-dependencies': ['error', {
-      optionalDependencies: ['test/unit/index.js']
-    }],
-    // allow debugger during development
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
   }
 }

.postcssrc.js

@@ -1,10 +1,5 @@
-// https://github.com/michael-ciniawsky/postcss-load-config
-
 module.exports = {
-  "plugins": {
-    "postcss-import": {},
-    "postcss-url": {},
-    // to edit target browsers: use "browserslist" field in package.json
-    "autoprefixer": {}
+  plugins: {
+    autoprefixer: {}
   }
-}
+}

.travis.yml

@@ -1,6 +1,8 @@
 language: node_js
 node_js:
+  - "10"
   - "9"
+  - "8"
 
 install:
   - npm install

README.md

@@ -11,7 +11,8 @@
 
 ## Requirement
 
-- [Chrome](https://www.google.com/chrome/) >= 54.0<br />
+- [Node](https://nodejs.org/en/) >= 8
+- [Chrome](https://www.google.com/chrome/) >= 54.0
 - [Firefox](https://www.mozilla.org/firefox/) >= 54.0
 
 ## Build Setup

babel.config.js

@@ -1,11 +1,21 @@
 module.exports = {
   presets: [
-    ["@babel/preset-env", {
-      "modules": false
-    }],
-    ["@babel/preset-stage-2", {
-      decoratorsLegacy: true
-    }]
+    [
+      '@vue/app',
+      {
+        useBuiltIns: 'entry',
+      },
+    ],
   ],
-  plugins: ["transform-vue-jsx", "@babel/plugin-transform-runtime"],
-}
+  plugins: [
+    [
+      'transform-imports',
+      {
+        vuetify: {
+          transform: 'vuetify/es5/components/${member}',
+          preventFullImport: true,
+        },
+      },
+    ],
+  ],
+};