Vue CLI updated to 4.0.4, Sass loader 8.0.0, Babel polyfill replaced with core-js import

Author: liborpansky

AspNetCoreVueStarter.csproj

@@ -13,8 +13,8 @@
     <Copyright>MIT 2019 Software Ateliers</Copyright>
     <AssemblyName>AspNetCoreVueStarter</AssemblyName>
     <RootNamespace>AspNetCoreVueStarter</RootNamespace>
-    <Version>1.1.0</Version>
-    <AssemblyVersion>1.1.0.0</AssemblyVersion>
+    <Version>2.1.0</Version>
+    <AssemblyVersion>2.1.0.0</AssemblyVersion>
     <FileVersion>1.1.0.0</FileVersion>
   </PropertyGroup>
 

ClientApp/babel.config.js

@@ -1,7 +1,7 @@
 module.exports = {
   "presets": [
     [
-      "@vue/app",
+      "@vue/cli-plugin-babel/preset",
       {
         "useBuiltIns": "entry"
       }

ClientApp/package-lock.json

@@ -8,31 +8,31 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "date-fns": "^2.4.1",
+    "core-js": "^3.1.2",
+    "date-fns": "^2.5.1",
     "register-service-worker": "^1.6.2",
     "vue": "^2.6.10",
     "vue-class-component": "^7.1.0",
-    "vue-property-decorator": "^8.2.2",
+    "vue-property-decorator": "^8.3.0",
     "vue-router": "^3.1.3",
-    "vuetify": "^2.1.4",
+    "vuetify": "^2.1.5",
     "vuex": "^3.1.1",
     "vuex-class": "^0.3.2"
   },
   "devDependencies": {
-    "@babel/polyfill": "^7.6.0",
     "@mdi/font": "^4.5.95",
-    "@types/node": "^12.11.1",
-    "@vue/cli-plugin-babel": "^3.12.0",
-    "@vue/cli-plugin-pwa": "^3.12.0",
-    "@vue/cli-plugin-typescript": "^3.12.0",
-    "@vue/cli-service": "^3.12.0",
+    "@types/node": "^12.11.2",
+    "@vue/cli-plugin-babel": "^4.0.4",
+    "@vue/cli-plugin-pwa": "^4.0.4",
+    "@vue/cli-plugin-typescript": "^4.0.4",
+    "@vue/cli-service": "^4.0.4",
     "axios": "^0.19.0",
     "babel-plugin-transform-imports": "^2.0.0",
     "sass": "^1.23.0",
-    "sass-loader": "^7.1.0",
+    "sass-loader": "^8.0.0",
     "typescript": "^3.6.4",
     "vue-cli-plugin-axios": "0.0.4",
-    "vue-cli-plugin-vuetify": "^1.0.1",
+    "vue-cli-plugin-vuetify": "^1.1.1",
     "vue-template-compiler": "^2.6.10",
     "vuetify-loader": "^1.3.0"
   }

ClientApp/package.json

@@ -1,4 +1,5 @@
-import '@babel/polyfill';
+import 'core-js/stable';
+import 'regenerator-runtime/runtime';
 import Vue from 'vue';
 import './plugins/axios';
 import vuetify from './plugins/vuetify';

ClientApp/src/main.ts

@@ -1,6 +1,6 @@
 # ASP.NET Core Vue Starter
 
-The repository contains an ASP.​NET Core + Vue.js starter template. The template is created by Vue CLI 3.0 with a new plugin based architecture allowing developers to interactively scaffold a new project with just a one command.
+The repository contains an ASP.​NET Core + Vue.js starter template. The template runs on ASP.NET Core 3.0 and is created by Vue CLI 4.0 with a new plugin based architecture allowing developers to interactively scaffold a new project with just a one command.
 
 Original article how to create the starter template is available [here](https://medium.com/software-ateliers/asp-net-core-vue-template-with-custom-configuration-using-cli-3-0-8288e18ae80b).
 
@@ -32,7 +32,7 @@ Original article how to create the starter template is available [here](https://
 * Web.API
 * Vue CLI and JavaScript Services middlewares to integrate with client app
 
-**Vue.js with CLI 3.0 supporting optional integrations:**
+**Vue.js with CLI 4.0 supporting optional integrations:**
 
 * TypeScript
 * Progressive Web App
@@ -47,7 +47,7 @@ Original article how to create the starter template is available [here](https://
 
 * [.NET Core](https://www.microsoft.com/net/download/windows) >= 3.0
 * [NodeJS](https://nodejs.org/) >= 8.9
-* [Vue CLI](https://cli.vuejs.org/) >= 3.0
+* [Vue CLI](https://cli.vuejs.org/) >= 4.0
 * Your favourite editor (I prefer [VS Code](https://code.visualstudio.com/)), or VS 2017/19
 
 ---

README.md

@@ -2,7 +2,7 @@
 <package xmlns="http://schemas.microsoft.com/packaging/2012/06/nuspec.xsd">
   <metadata>
     <id>SoftwareAteliers.AspNetCoreVueStarter</id>
-    <version>2.0.0</version>
+    <version>2.1.0</version>
     <description>
       ASP.NET Core + Vue.js starter project
     </description>