Update VueJsTypeScriptAspNetCoreSample project

Author: justinyoo

.gitignore

@@ -252,4 +252,4 @@ paket-files/
 *.sln.iml
 
 src/**/src/**/*.js
-.vscode
+.vscode

src/VueJsTypeScriptAspNetCoreSample/.babelrc

@@ -1,12 +1,15 @@
 {
   "presets": [
-    ["es2015", { "modules": false }],
+    ["latest", {
+      "es2015": { "modules": false }
+    }],
     "stage-2"
   ],
   "plugins": ["transform-runtime"],
   "comments": false,
   "env": {
     "test": {
+      "presets": ["latest", "stage-2"],
       "plugins": [ "istanbul" ]
     }
   }

src/VueJsTypeScriptAspNetCoreSample/.eslintignore

@@ -1,3 +1,2 @@
 build/*.js
 config/*.js
-src/**/*.js

src/VueJsTypeScriptAspNetCoreSample/.gitignore

@@ -2,6 +2,7 @@
 node_modules/
 dist/
 npm-debug.log
+yarn-error.log
 test/unit/coverage
 test/e2e/reports
 selenium-debug.log

src/VueJsTypeScriptAspNetCoreSample/.postcssrc.js

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

src/VueJsTypeScriptAspNetCoreSample/build/vue-loader.conf.js

@@ -8,10 +8,5 @@ module.exports = {
       ? config.build.productionSourceMap
       : config.dev.cssSourceMap,
     extract: isProduction
-  }),
-  postcss: [
-    require('autoprefixer')({
-      browsers: ['last 2 versions']
-    })
-  ]
+  })
 }

src/VueJsTypeScriptAspNetCoreSample/build/webpack.base.conf.js

@@ -20,33 +20,32 @@ module.exports = {
   },
   resolve: {
     extensions: ['.js', '.vue', '.json', '.ts'],
-    modules: [
-      resolve('src'),
-      resolve('node_modules')
-    ],
     alias: {
-      'vue$': 'vue/dist/vue.common.js',
-      'src': resolve('src'),
-      'assets': resolve('src/assets'),
-      'components': resolve('src/components')
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src')
     }
   },
   module: {
     rules: [
-      {
-        test: /\.(js|vue)$/,
-        loader: 'eslint-loader',
-        enforce: 'pre',
-        include: [resolve('src'), resolve('test')],
-        options: {
-          formatter: require('eslint-friendly-formatter')
-        }
-      },
+      // {
+      //   test: /\.(js|vue)$/,
+      //   loader: 'eslint-loader',
+      //   enforce: "pre",
+      //   include: [resolve('src'), resolve('test')],
+      //   options: {
+      //     formatter: require('eslint-friendly-formatter')
+      //   }
+      // },
       {
         test: /\.vue$/,
         loader: 'vue-loader',
         options: vueLoaderConfig
       },
+      // {
+      //   test: /\.js$/,
+      //   loader: 'babel-loader',
+      //   include: [resolve('src'), resolve('test')]
+      // },
       {
         test: /\.ts$/,
         loader: 'ts-loader',

src/VueJsTypeScriptAspNetCoreSample/config/index.js

@@ -4,8 +4,8 @@ var path = require('path')
 module.exports = {
   build: {
     env: require('./prod.env'),
-    index: path.resolve(__dirname, '../wwwroot/index.html'),
-    assetsRoot: path.resolve(__dirname, '../wwwroot'),
+    index: path.resolve(__dirname, '../dist/index.html'),
+    assetsRoot: path.resolve(__dirname, '../dist'),
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
     productionSourceMap: true,

src/VueJsTypeScriptAspNetCoreSample/package.json

@@ -15,11 +15,10 @@
     "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
   },
   "dependencies": {
-    "aspnet-webpack": "^1.0.27",
+    "aspnet-webpack": "^1.0.28",
     "axios": "^0.15.3",
-    "typescript": "^2.1.6",
-    "vue": "^2.1.10",
-    "vue-class-component": "^4.4.0",
+    "vue": "^2.2.1",
+    "vue-class-component": "^5.0.0",
     "vue-router": "^2.2.0"
   },
   "devDependencies": {
@@ -29,7 +28,7 @@
     "babel-loader": "^6.2.10",
     "babel-plugin-istanbul": "^3.1.2",
     "babel-plugin-transform-runtime": "^6.22.0",
-    "babel-preset-es2015": "^6.22.0",
+    "babel-preset-latest": "^6.22.0",
     "babel-preset-stage-2": "^6.22.0",
     "babel-register": "^6.22.0",
     "chai": "^3.5.0",
@@ -49,7 +48,7 @@
     "eslint-plugin-standard": "^2.0.1",
     "eventsource-polyfill": "^0.9.6",
     "express": "^4.14.1",
-    "extract-text-webpack-plugin": "^2.0.0-rc.3",
+    "extract-text-webpack-plugin": "^2.0.0",
     "file-loader": "^0.10.0",
     "friendly-errors-webpack-plugin": "^1.1.3",
     "function-bind": "^1.1.0",
@@ -78,9 +77,9 @@
     "sinon-chai": "^2.8.0",
     "ts-loader": "^2.0.1",
     "url-loader": "^0.5.7",
-    "vue-loader": "^11.0.0",
+    "vue-loader": "^11.1.4",
     "vue-style-loader": "^2.0.0",
-    "vue-template-compiler": "^2.1.10",
+    "vue-template-compiler": "^2.2.1",
     "vue-typescript-import-dts": "^3.0.1",
     "webpack": "^2.2.1",
     "webpack-bundle-analyzer": "^2.2.1",
@@ -91,5 +90,10 @@
   "engines": {
     "node": ">= 4.0.0",
     "npm": ">= 3.0.0"
-  }
+  },
+  "browserlist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
 }

src/VueJsTypeScriptAspNetCoreSample/src/App.ts

@@ -1,8 +1,8 @@
-import * as Vue from "vue";
+import Vue from "vue";
 import Component from "vue-class-component";
 
 @Component({
-  name: "App",
+  name: "App"
 })
 export default class App extends Vue {
-}
+}