Prettified

src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue

@@ -28,9 +28,9 @@
                 </div>
                 <div class="row-two">
                     <span
-                    v-if="buttonBodyCopy"
+                        v-if="buttonBodyCopy"
-                    class="m-0 button-label-sub-copy small"
+                        class="m-0 button-label-sub-copy small"
-                    v-html="buttonBodyCopy"></span>
+                        v-html="buttonBodyCopy"></span>
                 </div>
                 <span v-if="screenReaderOnlyText" class="sr-only">
                     {{ screenReaderOnlyText }}
@@ -51,8 +51,6 @@ export default {
     mixins: [inputButtonWrapperMixin],
     props: {
         loaderColor: String,
-
-
     },
     mounted() {
         this.displayLoader();
@@ -67,7 +65,7 @@ export default {
             badgeText: "",
             availabilityRating: "None",
             availabilityRatingClass: "",
-            loaderPosition: "left"
+            loaderPosition: "left",
         };
     },
     methods: {
@@ -84,13 +82,13 @@ export default {
         availabilityRating: {
             handler(newValue) {
                 if (newValue == "None") {
-                    this.availabilityRatingClass = "gray"
+                    this.availabilityRatingClass = "gray";
                 } else {
                     this.availabilityRatingClass = newValue == "Good" ? "green" : "red";
-                }        
+                }
             },
-            immediate: true
+            immediate: true,
-        }
+        },
     },
     components: {
         loader,
@@ -155,9 +153,9 @@ export default {
         display: flex;
         align-items: center;
         line-height: 1.5rem;
-        
+
         .button-label-copy {
-            font-weight: 500;         
+            font-weight: 500;
         }
 
         .availability-indicator {