fix: pin apexcharts version to 3.45.2

The most recent apexcharts version seems to have a bug and doesn't work
well with vue3-apexcharts wrapper. Size of charts is different, there's
an exception with negative svg sizes before it draws the chart for the
first time.

vue3-apexcharts seem to pull the latest version always, so pin it
explicitly to 3.45.2.

Signed-off-by: Artem Chernyshev <artem.chernyshev@talos-systems.com>

frontend/package.json

@@ -29,7 +29,8 @@
     "vue-virtual-scroller": "^2.0.0-beta.8",
     "vue-word-highlighter": "^1.2.4",
     "vue3-apexcharts": "^1.5.3",
-    "vue3-popper": "^1.5.0"
+    "vue3-popper": "^1.5.0",
+    "apexcharts": "3.45.2"
   },
   "devDependencies": {
     "@heroicons/vue": "^2.1.3",

frontend/src/components/common/Charts/RadialBar.vue

@@ -70,6 +70,7 @@ const colors = [
 
 const options: Ref<ApexOptions> = computed(() => {
   return {
+    chart: {},
     yaxis: {
       max: total?.value ?? 0,
     },

frontend/src/views/cluster/Overview/components/OverviewCircleChart/OverviewCircleChart.vue

@@ -20,11 +20,12 @@ included in the LICENSE file.
 import { computed, toRefs } from "vue";
 import ApexChart from "vue3-apexcharts";
 import { primary, naturals } from "@/vars/colors";
+import { ApexOptions } from "apexcharts";
 
 const props = defineProps<{ chartFillPercents:  number | string }>();
 
 const { chartFillPercents } = toRefs(props);
-const options = {
+const options: ApexOptions = {
   chart: {
     dropShadow: {
       enabled: true,
@@ -39,7 +40,7 @@ const options = {
     radialBar: {
       hollow: {
         margin: 0,
-        size: 60,
+        size: "60",
       },
       track: {
         background: naturals.N0
@@ -50,7 +51,7 @@ const options = {
     },
   },
   fill: {
-    colors: primary.P3,
+    colors: [primary.P3],
   },
   stroke: {
     lineCap: "round"

frontend/src/views/omni/Auth/Authenticate.vue

@@ -70,7 +70,7 @@ import UserInfo from "@/components/common/UserInfo/UserInfo.vue";
 import { withMetadata } from "@/api/options";
 import { fetchOption } from "@/api/fetch.pb";
 import { Code } from "@/api/google/rpc/code.pb";
-import { Auth0VueClient } from "@auth0/auth0-vue/src/global";
+import { Auth0VueClient } from "@auth0/auth0-vue";
 
 const user = ref<User | undefined>(undefined);
 let idToken = "";