refactor: change .text-medium-emphasis to .text-body-secondary

src/views/notifications/Alerts.vue

@@ -6,7 +6,7 @@
           <strong>Vue Alert</strong>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             Vue Alert is prepared for any length of text, as well as an optional
             close button. For a styling, use one of the
             <strong>required</strong> contextual <code>color</code> props (e.g.,
@@ -45,7 +45,7 @@
           <strong>Vue Alert</strong> <small>Link color</small>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             Use the <code>&lt;CAlertLink&gt;</code> component to immediately
             give matching colored links inside any alert.
           </p>
@@ -100,7 +100,7 @@
           <strong>Vue Alert</strong> <small>Additional content</small>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             Alert can also incorporate supplementary components &amp; elements
             like heading, paragraph, and divider.
           </p>
@@ -128,7 +128,7 @@
           <strong>Vue Alert</strong> <small>Dismissing</small>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             Alerts can also be easily dismissed. Just add the
             <code>dismissible</code> prop.
           </p>