Update VuePress configuration

We are moving away from importing application components directly into
the VuePress docs. We will document code snippets and add screenshots
as a visual example.
This commit removes all code and configurations that supported importing
dynamic components into VuePress and added images in place of a working
component example on the page.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I9a75c5d51de8b6d941e4df7ae977d78c043d36e1

5 files changed, 0 insertions, 274 deletions

diff --git a/docs/.vuepress/components/BmcButtons.vue b/docs/.vuepress/components/BmcButtons.vue
deleted file mode 100644
index 795c837a..00000000
--- a/docs/.vuepress/components/BmcButtons.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-    <div>
-        <h3 class="h4">Enabled</h3>
-        <b-button variant="primary">Primary</b-button>
-        <b-button variant="primary">
-            <icon-add />
-            <span>Primary with icon</span>
-        </b-button>
-        <b-button variant="secondary">Secondary</b-button>
-        <b-button variant="danger">Danger</b-button>
-        <b-button variant="link">Link Button</b-button>
-        <b-button variant="link">
-            <icon-add />
-            <span>Link Button</span>
-        </b-button>
-        <b-button variant="link">
-            <icon-trashcan />
-            <span class="sr-only">Delete</span>
-        </b-button>
-
-        <h3 class="h4">Disabled</h3>
-        <b-button disabled variant="primary">Primary</b-button>
-        <b-button disabled variant="primary">
-            <icon-add />
-            <span>Primary with icon</span>
-        </b-button>
-        <b-button disabled variant="secondary">Secondary</b-button>
-        <b-button disabled variant="danger">Danger</b-button>
-        <b-button disabled variant="link">Link Button</b-button>
-        <b-button disabled variant="link">
-            <icon-add />
-            <span>Link Button</span>
-        </b-button>
-        <b-button disabled variant="link">
-            <icon-trashcan />
-            <span class="sr-only">Delete</span>
-        </b-button>
-    </div>
-</template>
-
-<script>
-import IconAdd from '@carbon/icons-vue/es/add--alt/20';
-import IconTrashcan from '@carbon/icons-vue/es/trash-can/20';
-import IconArrowRight from '@carbon/icons-vue/es/arrow--right/16';
-export default {
-    name: 'BmcButtons',
-    components: { IconAdd, IconArrowRight, IconTrashcan }
-}
-</script>
-<style scoped>
-    button {
-        margin-bottom: 1rem;
-    }
-
-    h3 {
-        margin: .5rem 0 1rem;
-    }
-</style>
\ No newline at end of file
diff --git a/docs/.vuepress/components/BmcTable.vue b/docs/.vuepress/components/BmcTable.vue
deleted file mode 100644
index 9cc7b645..00000000
--- a/docs/.vuepress/components/BmcTable.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-  <b-table
-    hover
-    show-empty
-    no-sort-reset
-    sort-icon-left
-    responsive="md"
-    head-variant="light"
-    table-variant="light"
-    sort-by="rank"
-    :items="items"
-    :fields="fields"
-  />
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      items: [
-        {
-          name: 'Veracruz All Natural',
-          rank: 1,
-          description: 'Authentic Mexican Food, Smoothies, and Juices'
-        },
-        {
-          name: 'Torchy\'s Tacos',
-          rank: 3,
-          description: 'At Torchy\'s Tacos, we make food that breaks the mold.'
-        },
-        {
-          name: 'Tacodeli',
-          rank: 2,
-          description: 'Tacodeli handcrafts Mexican-inspired, creative tacos with local and organic ingredients topped with award-winning salsas.'
-        },
-      ],
-      fields: [
-        {
-          key: 'name',
-          label: 'Name',
-          sortable: true
-        },
-        {
-          key: 'rank',
-          label: 'Rank',
-          sortable: true
-        },
-        {
-          key: 'description',
-          label: 'Description',
-          sortable: false
-        }
-      ]
-    }
-  }
-}
-</script>
\ No newline at end of file
diff --git a/docs/.vuepress/components/BmcToasts.vue b/docs/.vuepress/components/BmcToasts.vue
deleted file mode 100644
index 6f90d1f1..00000000
--- a/docs/.vuepress/components/BmcToasts.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-    <div>
-        <b-button variant="success" @click="makeSuccessToast()">Show Success</b-button>
-        <b-button variant="danger" @click="makeErrorToast()">Show Error</b-button>
-        <b-button variant="warning" @click="makeWarningToast()">Show Warning</b-button>
-        <b-button variant="info" @click="makeInfoToast()">Show Info</b-button>
-    </div>
-</template>
-
-<script>
-import BVToastMixin from './app-imports/BVToastMixin';
-export default {
-    name: 'BmcToasts',
-    mixins: [BVToastMixin],
-    methods: {
-        makeSuccessToast() {
-            this.successToast('This is a success toast and will be dismissed after 10 seconds.');
-        },
-        makeErrorToast() {
-            this.errorToast('This is an error toast and must be dismissed by the user.');
-        },
-        makeWarningToast() {
-            this.warningToast('This is a warning toast and must be dismissed by the user.');
-        },
-        makeInfoToast() {
-            this.infoToast('This is an info toast and must be dismissed by the user.');
-        },
-    }
-}
-</script>
-<style scoped>
-    button {
-        margin-right: .5rem;
-        margin-bottom: 1rem;
-    }
-</style>
\ No newline at end of file
diff --git a/docs/.vuepress/components/app-imports/BVToastMixin.js b/docs/.vuepress/components/app-imports/BVToastMixin.js
deleted file mode 100644
index 10075658..00000000
--- a/docs/.vuepress/components/app-imports/BVToastMixin.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import StatusIcon from './StatusIcon';
-const BVToastMixin = {
-  components: {
-    StatusIcon
-  },
-  methods: {
-    toastTitle(title, status) {
-      // Create title with icon
-      const titleWithIcon = this.$createElement(
-        'strong',
-        { class: 'toast-icon' },
-        [
-          this.$createElement('StatusIcon', { props: { status: status } }),
-          title
-        ]
-      );
-      return titleWithIcon;
-    },
-    successToast(message, title = 'Success') {
-      this.$root.$bvToast.toast(message, {
-        title: this.toastTitle(title, 'success'),
-        variant: 'success',
-        autoHideDelay: 10000, //auto hide in milliseconds
-        isStatus: true,
-        solid: true
-      });
-    },
-    errorToast(message, title = 'Error') {
-      this.$root.$bvToast.toast(message, {
-        title: this.toastTitle(title, 'danger'),
-        variant: 'danger',
-        noAutoHide: true,
-        isStatus: true,
-        solid: true
-      });
-    },
-    warningToast(message, title = 'Warning') {
-      this.$root.$bvToast.toast(message, {
-        title: this.toastTitle(title, 'warning'),
-        variant: 'warning',
-        noAutoHide: true,
-        isStatus: true,
-        solid: true
-      });
-    },
-    infoToast(message, title = 'Informational') {
-      this.$root.$bvToast.toast(message, {
-        title: this.toastTitle(title, 'info'),
-        variant: 'info',
-        noAutoHide: true,
-        isStatus: true,
-        solid: true
-      });
-    }
-  }
-};
-
-export default BVToastMixin;
diff --git a/docs/.vuepress/components/app-imports/StatusIcon.vue b/docs/.vuepress/components/app-imports/StatusIcon.vue
deleted file mode 100644
index ef2afb72..00000000
--- a/docs/.vuepress/components/app-imports/StatusIcon.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-  <span :class="['status-icon', status]">
-    <icon-info v-if="status === 'info'" />
-    <icon-success v-else-if="status === 'success'" />
-    <icon-warning v-else-if="status === 'warning'" />
-    <icon-danger v-else-if="status === 'danger'" />
-    <icon-secondary v-else />
-  </span>
-</template>
-
-<script>
-import IconInfo from '@carbon/icons-vue/es/information--filled/20';
-import IconCheckmark from '@carbon/icons-vue/es/checkmark--filled/20';
-import IconWarning from '@carbon/icons-vue/es/warning--filled/20';
-import IconError from '@carbon/icons-vue/es/error--filled/20';
-import IconMisuse from '@carbon/icons-vue/es/misuse/20';
-
-export default {
-  name: 'StatusIcon',
-  components: {
-    IconInfo: IconInfo,
-    iconSuccess: IconCheckmark,
-    iconDanger: IconMisuse,
-    iconSecondary: IconError,
-    iconWarning: IconWarning
-  },
-  props: {
-    status: {
-      type: String,
-      default: ''
-    }
-  }
-};
-</script>
-
-<style lang="scss">
-@import "src/assets/styles/bmc/helpers";
-@import "src/assets/styles/bootstrap/helpers";
-.status-icon {
-  vertical-align: text-bottom;
-  &.info {
-    color: theme-color('info');
-  }
-  &.success {
-    color: theme-color('success');
-  }
-  &.danger {
-    color: theme-color('danger');
-  }
-  &.secondary {
-    color: gray('600');
-
-    svg {
-      transform: rotate(-45deg);
-    }
-  }
-  &.warning {
-    color: theme-color('warning');
-  }
-
-  svg {
-    fill: currentColor;
-  }
-}
-</style>