Merge branch 'component-dynamic-async' of github.com:vuejs/docs-next into component-dynamic-async

Author: NataliaTepluhina

src/guide/component-dynamic-async.md

@@ -6,7 +6,7 @@
 
 Earlier, we used the `is` attribute to switch between components in a tabbed interface:
 
-```html
+```vue-html
 <component v-bind:is="currentTabComponent"></component>
 ```
 
@@ -18,7 +18,7 @@ You'll notice that if you select a post, switch to the _Archive_ tab, then switc
 
 Recreating dynamic components is normally useful behavior, but in this case, we'd really like those tab component instances to be cached once they're created for the first time. To solve this problem, we can wrap our dynamic component with a `<keep-alive>` element:
 
-```html
+```vue-html
 <!-- Inactive components will be cached! -->
 <keep-alive>
   <component v-bind:is="currentTabComponent"></component>
@@ -48,7 +48,7 @@ app.component('async-example', (resolve, reject) => {
   setTimeout(() => {
     // Pass the component definition to the resolve callback
     resolve({
-      template: '<div>I am async!</div>'
+      template: '<div>I am async!</div>',
     })
   }, 1000)
 })
@@ -57,7 +57,7 @@ app.component('async-example', (resolve, reject) => {
 As you can see, the factory function receives a `resolve` callback, which should be called when you have retrieved your component definition from the server. You can also call `reject(reason)` to indicate the load has failed. The `setTimeout` here is for demonstration; how to retrieve the component is up to you. One recommended approach is to use async components together with [Webpack's code-splitting feature](https://webpack.js.org/guides/code-splitting/):
 
 ```js
-app.component('async-webpack-example', resolve => {
+app.component('async-webpack-example', (resolve) => {
   // This special require syntax will instruct Webpack to
   // automatically split your built code into bundles which
   // are loaded over Ajax requests.
@@ -81,8 +81,8 @@ When using [local registration](components-registration.html#Local-Registration)
 new Vue({
   // ...
   components: {
-    'my-component': () => import('./my-async-component')
-  }
+    'my-component': () => import('./my-async-component'),
+  },
 })
 ```
 
@@ -106,7 +106,7 @@ const AsyncComponent = () => ({
   delay: 200,
   // The error component will be displayed if a timeout is
   // provided and exceeded. Default: Infinity.
-  timeout: 3000
+  timeout: 3000,
 })
 ```