Move class from component to markup.

src/App.vue

@@ -36,6 +36,7 @@
       <div class="col my-3 d-flex align-items-center">
         <buttonPrimary
           buttonText="Primary"
+          class="btn-primary"
         />
       </div>
     </div>

src/uxComponents/buttonPrimary/buttonPrimary.vue

@@ -1,6 +1,6 @@
 <template>
   <button
-    class="btn btn-primary d-flex align-items-center"
+    class="btn d-flex align-items-center"
     v-on:click="showLoader()"
     v-bind:class="[this.isLoading ? 'button-loader' : 'not-loading', this.buttonType,]"
     >