From baaf06ca974359510343e244c09f62f24fc8c689 Mon Sep 17 00:00:00 2001
From: Kamila <kamila.lach1@gmail.com>
Date: Mon, 22 Jul 2024 09:57:23 +0200
Subject: [PATCH] composable adjustments

---
 admin/src/composables/useCreationMonths.js | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/admin/src/composables/useCreationMonths.js b/admin/src/composables/useCreationMonths.js
index f0eeaea19..7e87a7a07 100644
--- a/admin/src/composables/useCreationMonths.js
+++ b/admin/src/composables/useCreationMonths.js
@@ -1,8 +1,11 @@
 import { ref, computed, watch } from 'vue'
 import { adminOpenCreations } from '../graphql/adminOpenCreations'
 import { useQuery } from '@vue/apollo-composable'
+import { useI18n } from 'vue-i18n'
 
 export default () => {
+  const { d } = useI18n()
+
   const creation = ref([1000, 1000, 1000])
   const userId = ref(0)
 
@@ -19,10 +22,10 @@ export default () => {
     const result = []
     creationDates.value.forEach((date) => {
       result.push({
-        short: $d(date, 'month'),
-        long: $d(date, 'short'),
-        year: $d(date, 'year'),
-        date: $d(date, 'short', 'en'),
+        short: d(date, 'month'),
+        long: d(date, 'long'),
+        year: d(date, 'year'),
+        date: d(date, 'short', 'en'),
       })
     })
     return result
@@ -38,7 +41,7 @@ export default () => {
   }
 
   const creationLabel = () => {
-    return creationDates.value.map((date) => $d(date, 'monthShort')).join('|')
+    return creationDates.value.map((date) => d(date, 'monthShort')).join(' | ')
   }
 
   const { result, error } = useQuery(adminOpenCreations, { userId }, { fetchPolicy: 'no-cache' })