Added vue-router, unit tests and fixed a few issues. Changed main.js

template/.eslintrc.js

@@ -18,19 +18,12 @@ module.exports = {
   'settings': {
     'import/resolver': {
       'webpack': {
-        'config': 'webpack.config.js'
+        'config': 'build/webpack.base.js'
       }
     }
   },
   // add your custom rules here
   'rules': {
-    "no-underscore-dangle": [
-      0
-    ],
-    "new-cap": [
-      0
-    ],
-    "semi": [2, "always"],
     // don't require .vue extension when importing
     'import/extensions': ['error', 'always', {
       'js': 'never',

template/build/webpack.base.js

@@ -11,7 +11,7 @@ const defaults = {
 };
 
 const webpackConfig = {
-  entry: './src/index.js',
+  entry: './src/js/main.js',
   output: {
     path: config.assetsRoot,
     publicPath: config.assetsPublicPath,

template/build/webpack.testing.js

@@ -0,0 +1,39 @@
+// This is the webpack config used for unit tests.
+
+const webpack = require("webpack");
+const merge = require("webpack-merge");
+const baseConfig = require("./webpack.base");
+
+const webpackConfig = merge(baseConfig, {
+  // use inline sourcemap for karma-sourcemap-loader
+  module: {
+    rules: [
+      {
+        test: /\.scss$/,
+        loaders: ['style-loader', 'css-loader', 'sass-loader'],
+      },
+      {
+        test: /\.css$/,
+        loaders: ['style-loader', 'css-loader'],
+      },
+    ],
+  },
+  devtool: "#inline-source-map",
+  resolveLoader: {
+    alias: {
+      // necessary to to make lang="scss" work in test when using vue-loader's ?inject option
+      // see discussion at https://github.com/vuejs/vue-loader/issues/724
+      "scss-loader": "sass-loader"
+    }
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      "process.env.NODE_ENV": '"testing"'
+    })
+  ]
+});
+
+// no need for app entry during tests
+delete webpackConfig.entry;
+
+module.exports = webpackConfig;