formatting

src/components/CallRiskScoreBar.vue

@@ -8,7 +8,6 @@ const props = defineProps({
 
 const id = "csrScoreBar";
 
-
 onMounted(() => {
   drawScale(id, d3.interpolateRdYlGn);
 });
@@ -16,13 +15,9 @@ onMounted(() => {
 function drawScale(id, interpolator) {
   var data = Array.from(Array(100).keys());
 
-  var cScale = d3.scaleSequential()
-    .interpolator(interpolator)
-    .domain([0, 99]);
+  var cScale = d3.scaleSequential().interpolator(interpolator).domain([0, 99]);
 
-  var xScale = d3.scaleLinear()
-    .domain([0, 99])
-    .range([0, 360]);
+  var xScale = d3.scaleLinear().domain([0, 99]).range([0, 360]);
 
   d3.select("#" + id)
     .selectAll("rect")
@@ -39,9 +34,9 @@ function drawScale(id, interpolator) {
       return Math.floor(xScale(d + 1)) - Math.floor(xScale(d)) + 1;
     })
     .attr("fill", (d) => {
-      if (d >= props.score && d < props.score+1) {
-        console.log("d = " + d)
-        return "black"
+      if (d >= props.score && d < props.score + 1) {
+        console.log("d = " + d);
+        return "black";
       }
       return cScale(d);
     });
@@ -50,14 +45,17 @@ function drawScale(id, interpolator) {
 <template>
   <div class="crsContainer">
     <div></div>
-    <font-awesome-icon id="auth" :icon="['fas', 'user-shield']" size="2xl" style="color: #45b408" />
-    Call Risk Score is {{score}}
+    <font-awesome-icon
+      id="auth"
+      :icon="['fas', 'user-shield']"
+      size="2xl"
+      style="color: #45b408"
+    />
+    Call Risk Score is {{ score }}
     <div class="img-overlay-wrap">
       <svg :id="id" width="360" height="40"></svg>
     </div>
   </div>
-
-
 </template>
 <style>
 .crsContainer {
@@ -72,11 +70,11 @@ function drawScale(id, interpolator) {
   border: 2px solid #45b408;
 }
 
-.img-overlay-wrap svg { /* <= optional, for responsiveness */
-   display: block;
-   max-width: 100%;
-   height: auto;
-   margin: 8px;
+.img-overlay-wrap svg {
+  /* <= optional, for responsiveness */
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin: 8px;
 }
-
 </style>