docs: better async chunk names for README files

Pooya Parsa · Pooya Parsa · commit c26b2f725b20 · 2017-12-12T20:35:47.000+03:30
diff --git a/docs/pages/docs/components/_slug.vue b/docs/pages/docs/components/_slug.vue
@@ -17,7 +17,7 @@
         </b-card>
 
         <componentdoc :component="component" :key="component" v-for="component in meta.components"></componentdoc>
-        
+
         <importdoc :meta="meta"></importdoc>
     </div>
 </template>
@@ -29,6 +29,8 @@ import importdoc from "~/components/importdoc.vue";
 import { components as _meta } from "~/content";
 import docsMixin from "~/plugins/docs-mixin";
 
+const getReadMe = name => import('~/../src/components/' + name + '/README.md' /* webpackChunkName: "docs/components" */)
+
 export default {
   components: { componentdoc, importdoc },
   mixins: [docsMixin],
@@ -39,7 +41,7 @@ export default {
   },
 
   async asyncData({ params }) {
-      const readme = await import('~/../src/components/' + params.slug + '/README.md')
+      const readme = await getReadMe(params.slug)
       const meta = _meta[params.slug]
 
       return {
diff --git a/docs/pages/docs/directives/_slug.vue b/docs/pages/docs/directives/_slug.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="container">
         <div class="bd-content" v-html="readme" v-play></div>
-        
+
         <importdoc :meta="meta"></importdoc>
     </div>
 </template>
@@ -11,6 +11,8 @@ import importdoc from '~/components/importdoc.vue';
 import { directives as _meta } from "~/content";
 import docsMixin from "~/plugins/docs-mixin";
 
+const getReadMe = name => import('~/../src/directives/' + name + '/README.md' /* webpackChunkName: "docs/directives" */)
+
 export default {
   mixins: [docsMixin],
   components: { importdoc },
@@ -21,7 +23,7 @@ export default {
   },
 
   async asyncData({ params }) {
-      const readme = await import('~/../src/directives/' + params.slug + '/README.md')
+      const readme = await getReadMe(params.slug)
       const meta = _meta[params.slug]
 
       return {
diff --git a/docs/pages/docs/misc/_slug.vue b/docs/pages/docs/misc/_slug.vue
@@ -8,6 +8,8 @@
 import { misc as _meta } from "~/content";
 import docsMixin from "~/plugins/docs-mixin";
 
+const getReadMe = name => import('~/markdown/misc/' + name + '/README.md' /* webpackChunkName: "docs/misc" */)
+
 export default {
   mixins: [docsMixin],
   layout: "docs",
@@ -17,7 +19,7 @@ export default {
   },
 
   async asyncData({ params }) {
-      const readme = await import('~/markdown/misc/' + params.slug + '/README.md')
+      const readme = await getReadMe(params.slug)
       const meta = _meta[params.slug]
 
       return {
diff --git a/docs/pages/docs/reference/_slug.vue b/docs/pages/docs/reference/_slug.vue
@@ -8,6 +8,8 @@
 import { reference as _meta } from "~/content";
 import docsMixin from "~/plugins/docs-mixin";
 
+const getReadMe = name => import('~/markdown/reference/' + name + '/README.md' /* webpackChunkName: "docs/reference" */)
+
 export default {
   mixins: [docsMixin],
   layout: "docs",
@@ -17,7 +19,7 @@ export default {
   },
 
   async asyncData({ params }) {
-      const readme = await import('~/markdown/reference/' + params.slug + '/README.md')
+      const readme = await getReadMe(params.slug)
       const meta = _meta[params.slug]
 
       return {
