Add linters and pre-commit hook

config/webpack/environment.js

@@ -1,39 +1,37 @@
-const { environment } = require('@rails/webpacker')
-const { VueLoaderPlugin } = require('vue-loader')
-const vue = require('./loaders/vue')
-const path = require('path')
-const webpack = require('webpack')
+const { environment } = require('@rails/webpacker');
+const { VueLoaderPlugin } = require('vue-loader');
+const webpack = require('webpack');
+const resolve = require('./resolve');
+const vue = require('./loaders/vue');
 
-environment.plugins.prepend('VueLoaderPlugin', new VueLoaderPlugin())
-environment.loaders.prepend('vue', vue)
+environment.plugins.prepend('VueLoaderPlugin', new VueLoaderPlugin());
+environment.loaders.prepend('vue', vue);
 environment.loaders.append('audio', {
   test: /\.(mp3)(\?.*)?$/,
   loader: 'url-loader',
   query: {
     limit: 10000,
-    name: 'audio/[name].[ext]'
+    name: 'audio/[name].[ext]',
   },
-})
-
-const resolve = {
-  alias: {
-    'vue$': 'vue/dist/vue.common.js',
-    'src': path.resolve('./app/javascript/src'),
-    'assets': path.resolve('./app/javascript/src/assets'),
-    'components': path.resolve('./app/javascript/src/components')
-  },
-};
+});
 
 environment.config.merge({ resolve });
 
-const { pusher_cluster: cluster, pusher_key: token, fb_app_id: fbAppID } = process.env
+const {
+  pusher_cluster: cluster,
+  pusher_key: token,
+  fb_app_id: fbAppID,
+} = process.env;
 
-environment.plugins.prepend('DefinePlugin', new webpack.DefinePlugin({
-  __PUSHER__: {
-    token: `"${token}"`,
-    cluster: `"${cluster}"`,
-  },
-  __FB_ID__: `"${fbAppID}"`,
-}))
+environment.plugins.prepend(
+  'DefinePlugin',
+  new webpack.DefinePlugin({
+    __PUSHER__: {
+      token: `"${token}"`,
+      cluster: `"${cluster}"`,
+    },
+    __FB_ID__: `"${fbAppID}"`,
+  })
+);
 
-module.exports = environment
+module.exports = environment;

config/webpack/resolve.js

@@ -0,0 +1,13 @@
+const path = require('path');
+
+const resolve = {
+  extensions: ['', '.js', '.vue'],
+  alias: {
+    vue$: 'vue/dist/vue.common.js',
+    src: path.resolve('./app/javascript/src'),
+    assets: path.resolve('./app/javascript/src/assets'),
+    components: path.resolve('./app/javascript/src/components'),
+  },
+};
+
+module.exports = resolve;