fix #300 handle compare page by handling data[0], data[1]

src/views/Compare/Dashboard/index.vue

@@ -117,7 +117,10 @@
                 <ul>
                   <li class="bg-neutral-10 mb-4 p-1 border border-neutral-300 rounded">
                     <span class="block font-bold text-sm leading-loose text-center my-2">{{ contentData.freq.title }}</span>
-                    <Chart type="line" :data="freqData" :options="freqOptions" class="h-96" />
+                    <!-- UNUSED <Chart type="line" :data="freqData" :options="freqOptions" class="h-96" /> -->
+                    <FreqChart v-if="compareDashboardData" :chartData="compareDashboardData?.freq?.cases" :content="contentData?.freq" yUnit="count"
+                      pageName='Compare'
+                    />
                   </li>
                   <li class="bg-neutral-10 p-1 border border-neutral-300 rounded">
                     <span class="block font-bold text-sm leading-loose text-center my-2">
@@ -168,6 +171,7 @@ import {
   knownScaleHorizontalChartOptions,
   knownScaleBarChartOptions,
  } from "@/constants/constants.js";
+import FreqChart from '../../Discover/Performance/FreqChart.vue';
 
 
 export default {
@@ -181,6 +185,7 @@ export default {
   },
   components: {
     SidebarStates,
+    FreqChart,
   },
   data() {
     return {