first commit

resources/js/views/charts/apex-chart/ApexChartMobileComparison.vue

@@ -0,0 +1,46 @@
+<script setup>
+import { useTheme } from 'vuetify'
+import { getRadarChartConfig } from '@core/libs/apex-chart/apexCharConfig'
+
+const vuetifyTheme = useTheme()
+
+const series = [
+  {
+    name: 'iPhone 12',
+    data: [
+      41,
+      64,
+      81,
+      60,
+      42,
+      42,
+      33,
+      23,
+    ],
+  },
+  {
+    name: 'Samsung s20',
+    data: [
+      65,
+      46,
+      42,
+      25,
+      58,
+      63,
+      76,
+      43,
+    ],
+  },
+]
+
+const chartConfig = computed(() => getRadarChartConfig(vuetifyTheme.current.value))
+</script>
+
+<template>
+  <VueApexCharts
+    type="radar"
+    height="400"
+    :options="chartConfig"
+    :series="series"
+  />
+</template>