From 8ecd34ee2fcc7bb775d0d87dcac9923c5697ffb3 Mon Sep 17 00:00:00 2001
From: relliv <epsilonelittr@gmail.com>
Date: Mon, 4 Nov 2024 19:30:59 +0300
Subject: [PATCH] Improve usage page content

---
 docs/docs/vue/usage.mdx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/docs/vue/usage.mdx b/docs/docs/vue/usage.mdx
index ac9672c..98aaee6 100644
--- a/docs/docs/vue/usage.mdx
+++ b/docs/docs/vue/usage.mdx
@@ -141,13 +141,13 @@ const options = ref<ICalendarHeatmapOptions>({
   // highlight-next-line
   hideEmptyDays: false,
   // highlight-next-line
-  locale: props.selectedLocale,
+  locale: 'en',
   // highlight-next-line
-  colors: props.selectedColorVariant,
+  colors: [],
   // highlight-next-line
   heatmapLegend: {
     // highlight-next-line
-    display: props.selectedHeatmapLevelState,
+    display: true,
     // highlight-next-line
     direction: HeatmapLevelsDirection.RIGHT,
   // highlight-next-line
@@ -157,7 +157,6 @@ const options = ref<ICalendarHeatmapOptions>({
   // highlight-next-line
 });
 
-
 // ...
 
 // highlight-next-line
@@ -213,6 +212,7 @@ const onDayClick = (day: IHeatmapDay) => {
 // ...
 
 onMounted(() => {
+  // highlight-next-line
   heatmapData.value = generateHeatmapData(startDate.value);
 });
 </script>