diff --git a/package.json b/package.json
index 28a2da5a..b071e0b0 100644
--- a/package.json
+++ b/package.json
@@ -18,9 +18,6 @@
     "test:e2e": "vue-cli-service test:e2e",
     "test:unit": "vue-cli-service test:unit"
   },
-  "config": {
-    "coreui_library_short_version": "4.1"
-  },
   "dependencies": {
     "@coreui/chartjs": "^3.0.0",
     "@coreui/coreui": "^4.2.3",
diff --git a/src/components/DocsCallout.vue b/src/components/DocsCallout.vue
deleted file mode 100644
index 59a495a5..00000000
--- a/src/components/DocsCallout.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<template>
-  <CCallout color="info" class="bg-white">
-    {{
-      content
-        ? content
-        : `A Vue ${name} component ${
-            plural ? 'have' : 'has'
-          } been created as a native Vue.js version
-      of Bootstrap ${name}. ${name} ${
-            plural ? 'are' : 'is'
-          } delivered with some new features,
-      variants, and unique design that matches CoreUI Design System requirements.`
-    }}
-    <br />
-    <br />
-    For more information please visit our official
-    <CLink :href="url" target="_blank">
-      documentation of CoreUI Components Library for Vue.js
-    </CLink>
-    .
-  </CCallout>
-</template>
-
-<script>
-import packageJson from '../../package.json'
-export default {
-  name: 'DocsCallout',
-  props: {
-    content: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
-    href: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
-    name: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
-    plural: Boolean,
-  },
-  setup(props) {
-    const url = `https://coreui.io/vue/docs/${packageJson.config.coreui_library_short_version}/${props.url}`
-
-    return {
-      url,
-    }
-  },
-}
-</script>
diff --git a/src/components/DocsExample.vue b/src/components/DocsExample.vue
index ba72828c..6fa8aa46 100644
--- a/src/components/DocsExample.vue
+++ b/src/components/DocsExample.vue
@@ -22,7 +22,6 @@
 </template>
 
 <script>
-import pkg from '../../package.json'
 export default {
   name: 'DocsExample',
   props: {
@@ -33,7 +32,7 @@ export default {
     },
   },
   setup(props) {
-    const url = `https://coreui.io/vue/docs/${pkg.config.coreui_library_short_version}/${props.href}`
+    const url = `https://coreui.io/vue/docs/${props.href}`
 
     return {
       url,
diff --git a/src/main.js b/src/main.js
index 7e7d386a..5afc2d2d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,7 +6,6 @@ import store from './store'
 import CoreuiVue from '@coreui/vue'
 import CIcon from '@coreui/icons-vue'
 import { iconsSet as icons } from '@/assets/icons'
-import DocsCallout from '@/components/DocsCallout'
 import DocsExample from '@/components/DocsExample'
 
 const app = createApp(App)
@@ -15,7 +14,6 @@ app.use(router)
 app.use(CoreuiVue)
 app.provide('icons', icons)
 app.component('CIcon', CIcon)
-app.component('DocsCallout', DocsCallout)
 app.component('DocsExample', DocsExample)
 
 app.mount('#app')
diff --git a/src/views/base/Accordion.vue b/src/views/base/Accordion.vue
index fa490793..09e97c0c 100644
--- a/src/views/base/Accordion.vue
+++ b/src/views/base/Accordion.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Accordion" href="components/accordion" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/base/Breadcrumbs.vue b/src/views/base/Breadcrumbs.vue
index 74a11b2a..1bec8d98 100644
--- a/src/views/base/Breadcrumbs.vue
+++ b/src/views/base/Breadcrumbs.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Breadcrumb" href="components/breadcrumb" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/base/Cards.vue b/src/views/base/Cards.vue
index 70495ae0..ba587dab 100644
--- a/src/views/base/Cards.vue
+++ b/src/views/base/Cards.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Card" href="components/card" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/base/Carousels.vue b/src/views/base/Carousels.vue
index ea3ae650..a8e50be6 100644
--- a/src/views/base/Carousels.vue
+++ b/src/views/base/Carousels.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Carousel" href="components/carousel.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/base/Collapses.vue b/src/views/base/Collapses.vue
index 241e7b46..1e62460d 100644
--- a/src/views/base/Collapses.vue
+++ b/src/views/base/Collapses.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Collapse" href="components/collapse.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/base/ListGroups.vue b/src/views/base/ListGroups.vue
index 442e8835..13933e3f 100644
--- a/src/views/base/ListGroups.vue
+++ b/src/views/base/ListGroups.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="List Group" href="components/list-group.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/base/Navs.vue b/src/views/base/Navs.vue
index 5bb3026d..8440b764 100644
--- a/src/views/base/Navs.vue
+++ b/src/views/base/Navs.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Nav" href="components/nav.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/base/Paginations.vue b/src/views/base/Paginations.vue
index 5916e38b..4117743d 100644
--- a/src/views/base/Paginations.vue
+++ b/src/views/base/Paginations.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Pagination" href="components/pagination.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/base/Placeholders.vue b/src/views/base/Placeholders.vue
index c7c51451..7dbd6180 100644
--- a/src/views/base/Placeholders.vue
+++ b/src/views/base/Placeholders.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Placeholder" href="components/placeholder" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/base/Popovers.vue b/src/views/base/Popovers.vue
index 3a850f40..f10d0a3c 100644
--- a/src/views/base/Popovers.vue
+++ b/src/views/base/Popovers.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Popover" href="components/popover.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/base/Progress.vue b/src/views/base/Progress.vue
index 3a1fddc4..257cbbe1 100644
--- a/src/views/base/Progress.vue
+++ b/src/views/base/Progress.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Progress" href="components/progress.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/base/Spinners.vue b/src/views/base/Spinners.vue
index 93bce819..93658024 100644
--- a/src/views/base/Spinners.vue
+++ b/src/views/base/Spinners.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Spinner" href="components/spinner.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/base/Tables.vue b/src/views/base/Tables.vue
index 841ea607..b0c8acef 100644
--- a/src/views/base/Tables.vue
+++ b/src/views/base/Tables.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Table" href="components/table.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/base/Tooltips.vue b/src/views/base/Tooltips.vue
index b9184161..f7195edf 100644
--- a/src/views/base/Tooltips.vue
+++ b/src/views/base/Tooltips.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Tooltip" href="components/tooltip.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard>
         <CCardHeader>
diff --git a/src/views/buttons/ButtonGroups.vue b/src/views/buttons/ButtonGroups.vue
index 491f32b9..ecd83ae0 100644
--- a/src/views/buttons/ButtonGroups.vue
+++ b/src/views/buttons/ButtonGroups.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Button Group" href="components/button-group.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/buttons/Buttons.vue b/src/views/buttons/Buttons.vue
index b754129a..4dbd6bc7 100644
--- a/src/views/buttons/Buttons.vue
+++ b/src/views/buttons/Buttons.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Button" href="components/button.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/buttons/Dropdowns.vue b/src/views/buttons/Dropdowns.vue
index 58d44901..fb248b6d 100644
--- a/src/views/buttons/Dropdowns.vue
+++ b/src/views/buttons/Dropdowns.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Dropdown" href="components/dropdown.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/forms/ChecksRadios.vue b/src/views/forms/ChecksRadios.vue
index b54330aa..b4e86fa9 100644
--- a/src/views/forms/ChecksRadios.vue
+++ b/src/views/forms/ChecksRadios.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Check and Radios" href="forms/checks-radios.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/forms/FloatingLabels.vue b/src/views/forms/FloatingLabels.vue
index 47b4a60f..7d2c452e 100644
--- a/src/views/forms/FloatingLabels.vue
+++ b/src/views/forms/FloatingLabels.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Floating Label" href="forms/floating-labels.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/forms/FormControl.vue b/src/views/forms/FormControl.vue
index ae484726..560a6adc 100644
--- a/src/views/forms/FormControl.vue
+++ b/src/views/forms/FormControl.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Form Control" href="forms/form-control.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/forms/InputGroup.vue b/src/views/forms/InputGroup.vue
index d5370e1f..7014beff 100644
--- a/src/views/forms/InputGroup.vue
+++ b/src/views/forms/InputGroup.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Input Group" href="forms/input-group.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/forms/Range.vue b/src/views/forms/Range.vue
index 57361b14..cdabaf71 100644
--- a/src/views/forms/Range.vue
+++ b/src/views/forms/Range.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Range" href="forms/range.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader> <strong>Vue Range</strong> <small></small> </CCardHeader>
diff --git a/src/views/forms/Select.vue b/src/views/forms/Select.vue
index 385a1fb7..d256949a 100644
--- a/src/views/forms/Select.vue
+++ b/src/views/forms/Select.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Form Select" href="forms/select.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/notifications/Alerts.vue b/src/views/notifications/Alerts.vue
index 9b51d597..be809b85 100644
--- a/src/views/notifications/Alerts.vue
+++ b/src/views/notifications/Alerts.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Alert" href="components/alert.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/notifications/Badges.vue b/src/views/notifications/Badges.vue
index 80081789..a07988b0 100644
--- a/src/views/notifications/Badges.vue
+++ b/src/views/notifications/Badges.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Badges" href="components/badge.html" />
-    </CCol>
     <CCol :lg="6">
       <CCard class="mb-4">
         <CCardHeader>
diff --git a/src/views/notifications/Modals.vue b/src/views/notifications/Modals.vue
index b14e9d4e..cffc5a92 100644
--- a/src/views/notifications/Modals.vue
+++ b/src/views/notifications/Modals.vue
@@ -1,8 +1,5 @@
 <template>
   <CRow>
-    <CCol :xs="12">
-      <DocsCallout name="Modal" href="components/modal.html" />
-    </CCol>
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>