Remove button type. Add class. Format code.

src/App.vue

@@ -9,11 +9,6 @@
         <p class="text-center fs-6 fw-bold">What year is your vehichle?</p>
       </div>
     </div>
-    <div class="row">
-      <div class="col">
-        <buttonPrimary />
-      </div>
-    </div>
     <div class="row mt-5">
       <radioCard
         radioLabel="Windshield"
@@ -39,20 +34,25 @@
     </div>
     <div class="row">
       <div class="col my-3 d-flex align-items-center">
-        <buttonPrimary buttonText="Primary" buttonType="btn-primary" />
+        <buttonPrimary
+          buttonText="Primary"
+        />
       </div>
     </div>
     <div class="row">
       <div class="col my-3 d-flex align-items-center">
         <buttonPrimary
           buttonText="Primary Focus"
-          buttonType="btn-primary-focus"
+          class="btn-primary-focus"
         />
       </div>
     </div>
     <div class="row">
       <div class="col my-3 d-flex align-items-center">
-        <buttonPrimary buttonText="Disabled" buttonType="disabled" />
+        <buttonPrimary
+          buttonText="Disabled"
+          class="disabled"
+        />
       </div>
     </div>
     <div class="row">

src/uxComponents/buttonPrimary/buttonPrimary.vue

@@ -1,13 +1,9 @@
 <template>
   <button
-    type="button"
+    class="btn btn-primary d-flex align-items-center"
-    class="btn d-flex align-items-center"
     v-on:click="showLoader()"
-    v-bind:class="[
+    v-bind:class="[this.isLoading ? 'button-loader' : 'not-loading', this.buttonType,]"
-      this.isLoading ? 'button-loader' : 'not-loading',
+    >
-      this.buttonType,
-    ]"
-  >
     {{ this.buttonText }}
   </button>
 </template>
@@ -16,8 +12,7 @@
 export default {
   name: "buttonPrimary",
   props: {
-    buttonText: String,
+    buttonText: String
-    buttonType: String,
   },
   data() {
     return {

src/uxComponents/radioCard/radioCard.vue

@@ -19,7 +19,7 @@
         v-bind:src="require(`@/assets/img/icons/${radioImage}`)"
         v-bind:alt="altText"
       />
-      <span class="mt-auto mb-2">{{ radioLabel }}</span>
+      <span class="mt-auto mb-2 text-center lh-1">{{ radioLabel }}</span>
     </label>
   </div>
 </template>