feat($core): safer class name of content outlet

We shouldn't let the core render the `.content` class, so once we use custom layout in the default theme, the styles of default theme will pollute the styles of custom layout.
vuejs · Jun 2, 2019 · 7d0542e · 7d0542e
1 parent 60da7d5
commit 7d0542e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/packages/@vuepress/core/lib/client/components/ContentSlotsDistributor.js b/packages/@vuepress/core/lib/client/components/ContentSlotsDistributor.js
@@ -8,8 +8,7 @@ export default {
     return h('div',
       {
         class: [
-          'content',
-          props.slotKey
+          `content__${props.slotKey}`
         ]
       },
       slots()[props.slotKey]

diff --git a/packages/@vuepress/theme-default/components/Home.vue b/packages/@vuepress/theme-default/components/Home.vue
@@ -38,7 +38,7 @@
       </div>
     </div>
 
-    <Content class="custom"/>
+    <Content class="content custom"/>
 
     <div
       class="footer"

diff --git a/packages/@vuepress/theme-default/components/Page.vue b/packages/@vuepress/theme-default/components/Page.vue
@@ -2,7 +2,7 @@
   <main class="page">
     <slot name="top"/>
 
-    <Content/>
+    <Content class="content"/>
 
     <footer class="page-edit">
       <div