WIP same as the previoius commit. Tried to extract out an independent vue component to prevent shared primevue option.

X axis is with bug now.

src/stores/performance.js

@@ -6,6 +6,12 @@ export default defineStore('performanceStore', {
     allPerformanceData: null,
     freqChartData: null,
     freqChartOptions: null,
+    freqChartXData: {
+      minX: null,
+      maxX: null,
+      xData: null,
+      content: null,
+    }
   }),
   getters: {
     performanceData: state => {
@@ -50,5 +56,12 @@ export default defineStore('performanceStore', {
     setFreqChartOptions(freqChartOptions){
       this.freqChartOptions = freqChartOptions;
     },
+    /**
+     * 
+     * @param {object} freqChartXData 
+     */
+    setFreqChartXData(freqChartXData) {
+      this.freqChartXData = freqChartXData;
+    }
   },
 })