From f9ecc881b724d9e7fd2c7b1d6a3f7d9fac9df0a5 Mon Sep 17 00:00:00 2001
From: FrantisekMichalSebestyen <sebestyen.frantisek.michal@gmail.com>
Date: Fri, 6 Oct 2023 14:11:31 +0200
Subject: [PATCH] feat: extract formatter to sep file

---
 resources/js/components/catalog-new/AuthorFormatter.vue   | 8 +++++++-
 .../js/components/catalog-new/SearchOptionsController.vue | 3 ++-
 resources/js/components/catalog-new/formatters.js         | 3 +++
 3 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 resources/js/components/catalog-new/formatters.js

diff --git a/resources/js/components/catalog-new/AuthorFormatter.vue b/resources/js/components/catalog-new/AuthorFormatter.vue
index 286ecb744..46f2cee13 100644
--- a/resources/js/components/catalog-new/AuthorFormatter.vue
+++ b/resources/js/components/catalog-new/AuthorFormatter.vue
@@ -1,11 +1,17 @@
 <template>
-    {{ value.replace(/^([^,]*),\s*(.*)$/, '$2 $1') }}
+    {{ formatAuthorName }}
 </template>
 
 <script>
+import { formatAuthorName } from './formatters'
 export default {
     props: {
         value: String,
     },
+    computed: {
+        formatAuthorName: function () {
+            return formatAuthorName(this.value)
+        },
+    },
 }
 </script>
diff --git a/resources/js/components/catalog-new/SearchOptionsController.vue b/resources/js/components/catalog-new/SearchOptionsController.vue
index a7e6fcba1..160d9bf32 100644
--- a/resources/js/components/catalog-new/SearchOptionsController.vue
+++ b/resources/js/components/catalog-new/SearchOptionsController.vue
@@ -1,5 +1,6 @@
 <script>
 import { matchSorter } from 'match-sorter'
+import { formatAuthorName } from './formatters'
 
 export default {
     props: ['options', 'selected'],
@@ -22,7 +23,7 @@ export default {
                     .map((selected) => ({ value: selected, count: 0, checked: true })),
             ]
             return matchSorter(optionsWithSelected, this.search, {
-                keys: [(option) => option.value.replace(/^([^,]*),\s*(.*)$/, '$2 $1')],
+                keys: [(option) => formatAuthorName(option.value)],
             })
         },
     },
diff --git a/resources/js/components/catalog-new/formatters.js b/resources/js/components/catalog-new/formatters.js
new file mode 100644
index 000000000..3bf59eac7
--- /dev/null
+++ b/resources/js/components/catalog-new/formatters.js
@@ -0,0 +1,3 @@
+export function formatAuthorName(value) {
+    return value.replace(/^([^,]*),\s*(.*)$/, '$2 $1')
+}