feat(avatar): add component avatar

Author: ycs77

docs/layouts/docs.vue

@@ -14,9 +14,6 @@
 
         <b-col cols="12" md="9" xl="8" class="pb-md-3 pl-md-5 bd-content">
           <b-button-group class="my-2 float-right">
-            <b-btn size="sm" variant="success" :to="exampleURL" v-if="exampleURL">
-              Example
-            </b-btn>
             <b-btn size="sm" variant="light" :href="issueURL" target="_blank">
               Report an issue
             </b-btn>
@@ -44,13 +41,6 @@ const mSearch = () =>
 export default {
   components: { mSidebar, mNav, mSearch, mToc },
   computed: {
-    exampleURL() {
-      const name = this.$route.name
-      const slug = this.$route.params.slug
-      if (name === 'docs-components-slug') {
-        return `/docs/example/${slug}`
-      }
-    },
     editPageURL() {
       const base = 'https://github.com/ycs77/bootstrap-vue-arsenic/tree/develop'
       let path = '/'

docs/layouts/none.vue

@@ -126,10 +126,6 @@ module.exports = {
       return (
         []
           .concat(scan('src', 'components'))
-          .concat(
-            scan('src', 'components')
-              .map(path => path.replace('components', 'example'))
-          )
           // .concat(scan('src', 'directives', ['modal', 'toggle']))
           // .concat(scan('docs/markdown', 'reference'))
           .concat(scan('docs/markdown', 'misc'))

docs/nuxt.config.js

@@ -1,5 +1,5 @@
 export default {
   fetch({ redirect }) {
-    redirect('/docs/components/menu')
+    redirect('/docs/components/avatar')
   }
 }

docs/pages/docs/components/index.js

@@ -58,7 +58,8 @@
   ],
   "dependencies": {
     "bootstrap": "^4.3.1",
-    "bootstrap-vue": "^2.0.0-rc.13"
+    "bootstrap-vue": "^2.0.0-rc.13",
+    "vue-functional-data-merge": "^2.0.7"
   },
   "devDependencies": {
     "@babel/cli": "^7.2.3",

docs/pages/docs/example/_slug.vue

@@ -15,7 +15,8 @@ const dist = path.resolve(base, 'dist')
 // since they are expected to be provided later.
 // We want to include some of them in the build, so we exclude it here.
 const externalExcludes = [
-  // 'popper.js', 'vue-functional-data-merge'
+  // 'popper.js',
+  'vue-functional-data-merge'
 ]
 
 // The base rollup configuration

docs/pages/docs/example/index.js

@@ -0,0 +1,8 @@
+// Variables
+//
+// Variables should follow the `$component-state-property-size` formula for
+// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
+
+// Avatar
+
+$avatar-size: 2.5rem !default;