update readme

Author: ferrywlto

README.md

@@ -4,12 +4,12 @@ Following his articile and trying to have some write up. (e.g. using latest pack
 
 ## Install and run:
 if Webpack is not installed yet:
-`npm install -g webpack
+    npm install -g webpack
 
-`dotnet restore
-npm install
-webpack
-dotnet run`
+    dotnet restore
+    npm install
+    webpack
+    dotnet run
 ## Packages used:
 - lodash <- similiar to numpy in Python, utilies library for manipulating array/object.
 - axios <- Promise based HTTP client for the browser and Node.js, think of $.ajax() if you come from jQuery world
@@ -39,24 +39,24 @@ dotnet run`
 Here we try to modify the implementation order different from the original post.
 We are going to add the loading indicator before implementing the Server Side Rendering.
 To simulate timely API call form remote server, we add the following line in HomeController.cs:
-`public JsonResult initialMessages(){
-    //Added to simulate initial loading from remote server
-    Thread.Sleep(2000);
-    ...
-}`
+    public JsonResult initialMessages(){
+        //Added to simulate initial loading from remote server
+        Thread.Sleep(2000);
+        ...
+    }
 
 1. Add nprogess in package.json dependency:
-`"dependencies": {
-    "vue": "^2.5.8",
-    "vuex": "^3.0.1",
-    "vue-router": "^3.0.1",
-    "lodash": "^4.17.4",
-    "axios": "^0.17.1",
-    "nprogress": "^0.2.0"
-  },`
+    "dependencies": {
+        "vue": "^2.5.8",
+        "vuex": "^3.0.1",
+        "vue-router": "^3.0.1",
+        "lodash": "^4.17.4",
+        "axios": "^0.17.1",
+        "nprogress": "^0.2.0"
+}
 2. Add style-loader and css-loader to webpack.config:
-`{ 
-    test: /\.css$/, 
-    loader: "style-loader!css-loader" 
-}`
+    { 
+        test: /\.css$/, 
+        loader: "style-loader!css-loader" 
+    }
 3. Modify ClientApp/vuex/actions.js, add `NProgress.start()` and `NProgress.done()` before and after axios remote call.