refactor: update examples

src/views/forms/ChecksRadios.vue

@@ -6,7 +6,7 @@
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
-          <strong>React Checkbox</strong>
+          <strong>Vue Checkbox</strong>
         </CCardHeader>
         <CCardBody>
           <Example href="forms/checks-radios">
@@ -23,7 +23,7 @@
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
-          <strong>React Checkbox</strong> <small>Disabled</small>
+          <strong>Vue Checkbox</strong> <small>Disabled</small>
         </CCardHeader>
         <CCardBody>
           <p class="text-medium-emphasis small">
@@ -45,7 +45,7 @@
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
-          <strong>React Radio</strong>
+          <strong>Vue Radio</strong>
         </CCardHeader>
         <CCardBody>
           <p class="text-medium-emphasis small">
@@ -74,7 +74,7 @@
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
-          <strong>React Radio</strong> <small>Disabled</small>
+          <strong>Vue Radio</strong> <small>Disabled</small>
         </CCardHeader>
         <CCardBody>
           <Example href="forms/checks-radios#disabled-1">
@@ -100,7 +100,7 @@
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
-          <strong>React Switches</strong>
+          <strong>Vue Switches</strong>
         </CCardHeader>
         <CCardBody>
           <p class="text-medium-emphasis small">
@@ -136,7 +136,7 @@
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
-          <strong>React Switches</strong> <small>Sizes</small>
+          <strong>Vue Switches</strong> <small>Sizes</small>
         </CCardHeader>
         <CCardBody>
           <Example href="forms/checks-radios#sizes">
@@ -161,7 +161,7 @@
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
-          <strong>React Checks and Radios</strong>
+          <strong>Vue Checks and Radios</strong>
           <small>Default layout (stacked)</small>
         </CCardHeader>
         <CCardBody>
@@ -204,7 +204,7 @@
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
-          <strong>React Checks and Radios</strong> <small>Inline</small>
+          <strong>Vue Checks and Radios</strong> <small>Inline</small>
         </CCardHeader>
         <CCardBody>
           <p class="text-medium-emphasis small">
@@ -256,7 +256,7 @@
     <CCol :xs="12">
       <CCard class="mb-4">
         <CCardHeader>
-          <strong>React Checks and Radios</strong> <small>Without labels</small>
+          <strong>Vue Checks and Radios</strong> <small>Without labels</small>
         </CCardHeader>
         <CCardBody>
           <p class="text-medium-emphasis small">

src/views/forms/FormControl.vue

@@ -43,8 +43,7 @@
         <CCardBody>
           <p class="text-medium-emphasis small">
             Set heights using <code>size</code> property like
-            <code>size=&#34;lg&#34;</code> and
-            <code>size=&#34;sm&#34;</code>.
+            <code>size=&#34;lg&#34;</code> and <code>size=&#34;sm&#34;</code>.
           </p>
           <Example href="forms/form-control#sizing">
             <CFormInput
@@ -137,10 +136,7 @@
           </p>
           <Example href="components/accordion">
             <CRow class="mb-3">
-              <CFormLabel
-                for="staticEmail"
-                class="col-sm-2 col-form-label"
-              >
+              <CFormLabel for="staticEmail" class="col-sm-2 col-form-label">
                 Email
               </CFormLabel>
               <div class="col-sm-10">
@@ -154,10 +150,7 @@
               </div>
             </CRow>
             <CRow class="mb-3">
-              <CFormLabel
-                for="inputPassword"
-                class="col-sm-2 col-form-label"
-              >
+              <CFormLabel for="inputPassword" class="col-sm-2 col-form-label">
                 Password
               </CFormLabel>
               <div class="col-sm-10">
@@ -180,10 +173,7 @@
                 />
               </div>
               <div class="col-auto">
-                <CFormLabel
-                  for="inputPassword2"
-                  class="visually-hidden"
-                >
+                <CFormLabel for="inputPassword2" class="visually-hidden">
                   Password
                 </CFormLabel>
                 <CFormInput
@@ -193,9 +183,7 @@
                 />
               </div>
               <div class="col-auto">
-                <CButton type="submit" class="mb-3">
-                  Confirm identity
-                </CButton>
+                <CButton type="submit" class="mb-3"> Confirm identity </CButton>
               </div>
             </CForm>
           </Example>
@@ -210,9 +198,7 @@
         <CCardBody>
           <Example href="forms/form-control#file-input">
             <div class="mb-3">
-              <CFormLabel for="formFile"
-                >Default file input example</CFormLabel
-              >
+              <CFormLabel for="formFile">Default file input example</CFormLabel>
               <CFormInput type="file" id="formFile" />
             </div>
             <div class="mb-3">
@@ -228,15 +214,11 @@
               <CFormInput type="file" id="formFileDisabled" disabled />
             </div>
             <div class="mb-3">
-              <CFormLabel for="formFileSm"
-                >Small file input example</CFormLabel
-              >
+              <CFormLabel for="formFileSm">Small file input example</CFormLabel>
               <CFormInput type="file" size="sm" id="formFileSm" />
             </div>
             <div>
-              <CFormLabel for="formFileLg"
-                >Large file input example</CFormLabel
-              >
+              <CFormLabel for="formFileLg">Large file input example</CFormLabel>
               <CFormInput type="file" size="lg" id="formFileLg" />
             </div>
           </Example>
@@ -266,6 +248,6 @@
 
 <script>
 export default {
-  name: "FormControl",
-};
+  name: 'FormControl',
+}
 </script>