feat: extract formatter to sep file

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>

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)],
             })
         },
     },

resources/js/components/catalog-new/formatters.js

@@ -0,0 +1,3 @@
+export function formatAuthorName(value) {
+    return value.replace(/^([^,]*),\s*(.*)$/, '$2 $1')
+}