chore(docs): add carbon ad to playground (#4897)

tmorehouse · jacobmllr95 · web-flow · commit a661458f94c5 · 2020-03-06T10:57:35.000+01:00
* chore(docs): add carbon ad to playground

* Update play.vue

* Update play.vue

* Unify docs component name prefix

* Update play.vue

* Further unify docs component names

* Update play.vue

* Update docs.js

Co-authored-by: Jacob Müller &lt;jacob.mueller.elz@gmail.com&gt;
diff --git a/docs/components/anchored-heading.js b/docs/components/anchored-heading.js
@@ -1,7 +1,7 @@
 import { mergeData } from 'vue-functional-data-merge'
 
 export default {
-  name: 'BVDAnchoredHeading',
+  name: 'BVAnchoredHeading',
   functional: true,
   props: {
     id: {
diff --git a/docs/components/breadcrumbs.vue b/docs/components/breadcrumbs.vue
@@ -22,7 +22,7 @@ const navLookup = nav.reduce((obj, section) => {
 }, {})
 
 export default {
-  name: 'BVDBreadcrumbs',
+  name: 'BVBreadcrumbs',
   computed: {
     items() {
       const items = [{ text: 'Home', to: '/' }, { text: 'Docs', to: '/docs' }]
diff --git a/docs/components/code-mirror.js b/docs/components/code-mirror.js
@@ -1,5 +1,5 @@
 export default {
-  name: 'CodeMirror',
+  name: 'BVCodeMirror',
   props: {
     value: {
       type: String,
diff --git a/docs/components/componentdoc.vue b/docs/components/componentdoc.vue
@@ -323,7 +323,7 @@ import { kebabCase } from '../utils'
 import AnchoredHeading from './anchored-heading'
 
 export default {
-  name: 'BVDComponentdoc',
+  name: 'BVComponentdoc',
   components: { AnchoredHeading },
   props: {
     component: {},
diff --git a/docs/components/contributors-container.js b/docs/components/contributors-container.js
@@ -4,7 +4,7 @@ const CLASS_NAME = 'contributors-container'
 const CONTRIBUTOR_CLASS_NAME = 'contributor'
 
 export default {
-  name: 'BVDContributorsContainer',
+  name: 'BVContributorsContainer',
   functional: true,
   props: {
     type: {
diff --git a/docs/components/contributors.vue b/docs/components/contributors.vue
@@ -7,61 +7,61 @@
       <!-- PLATINUM SPONSORS -->
       <template v-if="platinumSponsors.length > 0">
         <h4 class="h5 mx-auto mt-3 text-muted">Platinum Sponsors</h4>
-        <BVDContributorsContainer
+        <BVContributorsContainer
           type="platinum-sponsors"
           :contributors="platinumSponsors"
           :nofollow="false"
-        ></BVDContributorsContainer>
+        ></BVContributorsContainer>
       </template>
 
       <!-- GOLD SPONSORS -->
       <template v-if="goldSponsors.length > 0">
         <h4 class="h5 mx-auto mt-3 text-muted">Gold Sponsors</h4>
-        <BVDContributorsContainer
+        <BVContributorsContainer
           type="gold-sponsors"
           :contributors="goldSponsors"
           :nofollow="false"
-        ></BVDContributorsContainer>
+        ></BVContributorsContainer>
       </template>
 
       <!-- SILVER SPONSORS -->
       <template v-if="silverSponsors.length > 0">
         <h4 class="h5 mx-auto mt-3 text-muted">Silver Sponsors</h4>
-        <BVDContributorsContainer
+        <BVContributorsContainer
           type="silver-sponsors"
           :contributors="silverSponsors"
           :nofollow="false"
-        ></BVDContributorsContainer>
+        ></BVContributorsContainer>
       </template>
 
       <!-- BRONZE SPONSORS -->
       <template v-if="bronzeSponsors.length > 0">
         <h4 class="h5 mx-auto mt-3 text-muted">Bronze Sponsors</h4>
-        <BVDContributorsContainer
+        <BVContributorsContainer
           type="bronze-sponsors"
           :contributors="bronzeSponsors"
           :nofollow="false"
-        ></BVDContributorsContainer>
+        ></BVContributorsContainer>
       </template>
     </template>
 
     <!-- BACKERS -->
     <template v-if="backers.length > 0">
       <h3 class="h4 mx-auto mt-4 text-muted">Backers</h3>
-      <BVDContributorsContainer
+      <BVContributorsContainer
         type="backers"
         :contributors="backers"
-      ></BVDContributorsContainer>
+      ></BVContributorsContainer>
     </template>
 
     <!-- DONORS -->
     <template v-if="donors.length > 0">
       <h3 class="h4 mx-auto mt-4 text-muted">Donors</h3>
-      <BVDContributorsContainer
+      <BVContributorsContainer
         type="donors"
         :contributors="donors"
         :show-name="false"
-      ></BVDContributorsContainer>
+      ></BVContributorsContainer>
     </template>
   </div>
 </template>
@@ -146,7 +146,7 @@
 </style>
 
 <script>
-import BVDContributorsContainer from '~/components/contributors-container'
+import BVContributorsContainer from '~/components/contributors-container'
 
 const OC_BASE_URL = 'https://rest.opencollective.com/v2/bootstrap-vue/orders/'
 const OC_DEFAULT_PARAMS = { status: 'active', tierSlug: null, limit: 200 }
@@ -164,8 +164,8 @@ const MAX_DONORS = 64
 const LINK_AMT_THRESHOLD = 24
 
 export default {
-  name: 'BVDContributors',
-  components: { BVDContributorsContainer },
+  name: 'BVContributors',
+  components: { BVContributorsContainer },
   data() {
     return {
       platinumSponsors: [],
diff --git a/docs/components/feedback.js b/docs/components/feedback.js
@@ -1,5 +1,5 @@
 export default {
-  name: 'BVDFeedback',
+  name: 'BVFeedback',
   data() {
     return {
       baseUrl: 'https://github.com/bootstrap-vue/bootstrap-vue'
diff --git a/docs/components/footer.vue b/docs/components/footer.vue
@@ -72,7 +72,7 @@
 import { version } from '~/content'
 
 export default {
-  name: 'BVDFooter',
+  name: 'BVFooter',
   props: {
     isDocs: {
       type: Boolean,
diff --git a/docs/components/header.vue b/docs/components/header.vue
@@ -176,7 +176,7 @@
 import { version } from '~/content'
 
 export default {
-  name: 'BVDHeader',
+  name: 'BVHeader',
   data() {
     return {
       version,
diff --git a/docs/components/icons-table.vue b/docs/components/icons-table.vue
@@ -140,7 +140,7 @@ const icons = iconNames
   })
 
 export default {
-  name: 'BVDIconsTable',
+  name: 'BVIconsTable',
   data() {
     return {
       iconFilter: '',
diff --git a/docs/components/importdoc.vue b/docs/components/importdoc.vue
@@ -126,7 +126,7 @@ import AnchoredHeading from './anchored-heading'
 const importPath = 'bootstrap-vue'
 
 export default {
-  name: 'BVDImportdoc',
+  name: 'BVImportdoc',
   components: { AnchoredHeading },
   props: {
     meta: {}
diff --git a/docs/components/main.js b/docs/components/main.js
@@ -1,7 +1,7 @@
 import { mergeData } from 'vue-functional-data-merge'
 
 export default {
-  name: 'BVDMain',
+  name: 'BVMain',
   functional: true,
   props: {
     tag: {
diff --git a/docs/components/quick-links.vue b/docs/components/quick-links.vue
@@ -50,7 +50,7 @@
 import { offsetTop, scrollTo } from '~/utils'
 
 export default {
-  name: 'BVDQuickToc',
+  name: 'BVQuickLinks',
   data() {
     return {
       toc: {},
diff --git a/docs/components/search.vue b/docs/components/search.vue
@@ -20,7 +20,7 @@ import { relativeUrl } from '../utils'
 let scriptsInjected = false
 
 export default {
-  name: 'BVDSearch',
+  name: 'BVSearch',
   data() {
     return {
       docsearch: null
diff --git a/docs/components/section-toc.vue b/docs/components/section-toc.vue
@@ -43,6 +43,7 @@ const groups = nav.reduce((obj, g) => {
 }, {})
 
 export default {
+  name: 'BVSectionToc',
   layout: 'docs',
   components: {
     Main,
diff --git a/docs/components/section.js b/docs/components/section.js
@@ -59,7 +59,7 @@ const linkToRouter = evt => {
 }
 
 export default {
-  name: 'BVDSection',
+  name: 'BVSection',
   functional: true,
   props: {
     tag: {
diff --git a/docs/components/sidebar.vue b/docs/components/sidebar.vue
@@ -60,7 +60,7 @@
 import { nav } from '~/content'
 
 export default {
-  name: 'BVDSidebar',
+  name: 'BVSidebar',
   data() {
     return { nav }
   },
diff --git a/docs/components/toc.vue b/docs/components/toc.vue
@@ -49,7 +49,7 @@
 import { offsetTop, scrollTo } from '~/utils'
 
 export default {
-  name: 'BVDToc',
+  name: 'BVToc',
   data() {
     return {
       toc: {},
diff --git a/docs/layouts/default.js b/docs/layouts/default.js
@@ -2,7 +2,7 @@ import Footer from '~/components/footer'
 import Header from '~/components/header'
 
 export default {
-  name: 'BVDDefaultLayout',
+  name: 'BVDefaultLayout',
   functional: true,
   render: h => [h(Header), h('nuxt'), h(Footer)]
 }
diff --git a/docs/layouts/docs.js b/docs/layouts/docs.js
@@ -1,15 +1,15 @@
-import Ad from '~/components/ad'
-import DocBreadcrumbs from '~/components/doc-breadcrumbs.vue'
-import Feedback from '~/components/feedback'
-import Footer from '~/components/footer'
-import Header from '~/components/header'
-import QuickLinks from '~/components/quick-links.vue'
-import Search from '~/components/search'
-import Sidebar from '~/components/sidebar.vue'
-import Toc from '~/components/toc.vue'
+import BVAd from '~/components/ad'
+import BVBreadcrumbs from '~/components/breadcrumbs.vue'
+import BVFeedback from '~/components/feedback'
+import BVFooter from '~/components/footer'
+import BVHeader from '~/components/header'
+import BVQuickLinks from '~/components/quick-links.vue'
+import BVSearch from '~/components/search'
+import BVSidebar from '~/components/sidebar.vue'
+import BVToc from '~/components/toc.vue'
 
 export default {
-  name: 'BVDDocsLayout',
+  name: 'BVDocsLayout',
   data() {
     return {
       hasToc: false,
@@ -20,6 +20,9 @@ export default {
   computed: {
     currentPath() {
       return this.$route.path
+    },
+    renderAd() {
+      return ['/', '/play'].indexOf(this.currentPath) === -1
     }
   },
   created() {
@@ -71,7 +74,7 @@ export default {
         staticClass: 'bd-sidebar border-bottom-0',
         props: { cols: 12, md: 3, xl: 2 }
       },
-      [h(Search), h(Sidebar)]
+      [h(BVSearch), h(BVSidebar)]
     )
     const $contentCol = h(
       'b-col',
@@ -81,18 +84,18 @@ export default {
         props: { cols: 12, md: 9, xl: 8 }
       },
       [
-        h(DocBreadcrumbs, { class: ['float-left', 'mt-2', 'mb-0', 'mb-lg-2'] }),
-        h(Feedback, { class: ['float-right', 'mt-2', 'mb-0', 'mb-lg-2'] }),
+        h(BVBreadcrumbs, { class: ['float-left', 'mt-2', 'mb-0', 'mb-lg-2'] }),
+        h(BVFeedback, { class: ['float-right', 'mt-2', 'mb-0', 'mb-lg-2'] }),
         h('div', { class: ['clearfix', 'd-block'], ref: 'clearfix' }),
-        this.currentPath === '/'
-          ? h()
-          : h(Ad, {
+        this.renderAd
+          ? h(BVAd, {
               class: { invisible: !this.contentElementsVisible },
               // We apply the route path as key to change the ad on every page
               key: this.currentPath,
               ref: 'ad'
-            }),
-        h(QuickLinks, {
+            })
+          : h(),
+        h(BVQuickLinks, {
           class: 'd-xl-none',
           directives: [{ name: 'show', value: this.contentElementsVisible }],
           ref: 'quick-links'
@@ -111,10 +114,10 @@ export default {
           'aria-hidden': this.hasToc ? null : 'true'
         }
       },
-      [h(Toc)]
+      [h(BVToc)]
     )
     const $row = h('b-row', { class: ['flex-xl-nowrap2'] }, [$sidebarCol, $contentCol, $tocCol])
     const $container = h('b-container', { props: { fluid: true } }, [$row])
-    return h('div', {}, [h(Header), $container, h(Footer, { props: { isDocs: true } })])
+    return h('div', {}, [h(BVHeader), $container, h(BVFooter, { props: { isDocs: true } })])
   }
 }
diff --git a/docs/pages/index.vue b/docs/pages/index.vue
@@ -419,7 +419,7 @@
           Donate
         </b-button>
 
-        <BVDContributors></BVDContributors>
+        <BVContributors></BVContributors>
       </b-container>
     </section>
 
@@ -672,12 +672,12 @@ $bv-angle-padding-md: 6rem;
 <script>
 import { version, bootstrapVersion, vueVersion } from '~/content'
 import BVAd from '~/components/ad'
-import BVDContributors from '~/components/contributors'
+import BVContributors from '~/components/contributors'
 
 export default {
   components: {
     BVAd,
-    BVDContributors
+    BVContributors
   },
   data() {
     return {
diff --git a/docs/pages/play.vue b/docs/pages/play.vue
