Issues #44: done.

src/components/Discover/Conformance/ConformanceResults.vue

@@ -3,7 +3,8 @@
   <div v-show="isCoverPlate" class="w-[calc(100vw_-_300px)] h-screen-main fixed bottom-0 right-0 bg-gradient-to-tr from-neutral-500/50 to-neutral-900/50 z-[1]">
   </div>
   <!-- title -->
-  <p class="h2 text-base">Conformance Checking Results<span class="material-symbols-outlined text-base align-middle ml-2" v-tooltip.bottom="tooltip.results" type="text">info</span></p>
+  {{ conformanceTempReportData }}
+  <p class="h2 text-base">Conformance Checking Results ({{ data.total }})<span class="material-symbols-outlined text-base align-middle ml-2" v-tooltip.bottom="tooltip.results" type="text">info</span></p>
   <!-- total group -->
   <ul class=" text-neutral-10 text-sm flex gap-2 py-2">
     <li class=" bg-cfm-primary rounded-full px-4 py-1 space-x-2">
@@ -190,6 +191,7 @@ export default {
   data() {
     return {
       data: {
+        total: '--',
         counts: {
           conforming: '--',
           not_conforming: '--',
@@ -310,6 +312,7 @@ export default {
      * @param   {object} data new watch's value
      */
     setConformanceTempReportData(data){
+      let total = getNumberLabel(Object.values(data.counts).reduce((acc, val) => acc + val, 0));
       let sum = data.counts.conforming + data.counts.not_conforming;
       let rate = ((data.counts.conforming / sum) * 100).toFixed(1);
       let isNullTime = value => value === null ? null : getNumberLabel((value / 86400).toFixed(1));
@@ -336,6 +339,7 @@ export default {
       let isNullIsssue = value => value === null ? null : setIssueData(value);
 
       let result = {
+        total: `Total ${total}`,
         counts: {
           conforming: getNumberLabel(data.counts.conforming),
           not_conforming: getNumberLabel(data.counts.not_conforming),