From ce708e15d6a75871bc960f49539465df67dad4a0 Mon Sep 17 00:00:00 2001
From: jlpereira <pepelui@outlook.com>
Date: Wed, 15 Mar 2023 16:47:28 -0300
Subject: [PATCH] Refactor

---
 .../PanelNomenclatureCitations.vue               |  4 ++--
 .../PanelNomenclatureReferences.vue              |  4 ++--
 .../Panel/PanelNomenclature/splitList.js         | 14 ++++++++++++++
 .../Panel/PanelNomenclature/useSplitList.js      | 16 ----------------
 4 files changed, 18 insertions(+), 20 deletions(-)
 create mode 100644 src/modules/otus/components/Panel/PanelNomenclature/splitList.js
 delete mode 100644 src/modules/otus/components/Panel/PanelNomenclature/useSplitList.js

diff --git a/src/modules/otus/components/Panel/PanelNomenclature/PanelNomenclatureCitations.vue b/src/modules/otus/components/Panel/PanelNomenclature/PanelNomenclatureCitations.vue
index b106424..537c26f 100644
--- a/src/modules/otus/components/Panel/PanelNomenclature/PanelNomenclatureCitations.vue
+++ b/src/modules/otus/components/Panel/PanelNomenclature/PanelNomenclatureCitations.vue
@@ -42,7 +42,7 @@
 
 <script setup>
 import { ref, computed } from 'vue'
-import { useSplitList } from './useSplitList'
+import { splitList } from './splitList'
 import CitationRow from './PanelCitationRow.vue'
 import PanelNomenclatureShowMore from './PanelNomenclatureShowMore.vue'
 
@@ -56,7 +56,7 @@ const props = defineProps({
 })
 
 const showAll = ref(false)
-const citationList = useSplitList(props, MAX_CITATIONS)
+const citationList = computed(() => splitList(props.list, MAX_CITATIONS))
 
 const menuOptions = computed(() => [
   {
diff --git a/src/modules/otus/components/Panel/PanelNomenclature/PanelNomenclatureReferences.vue b/src/modules/otus/components/Panel/PanelNomenclature/PanelNomenclatureReferences.vue
index 2c0e5c2..cb6f664 100644
--- a/src/modules/otus/components/Panel/PanelNomenclature/PanelNomenclatureReferences.vue
+++ b/src/modules/otus/components/Panel/PanelNomenclature/PanelNomenclatureReferences.vue
@@ -42,7 +42,7 @@
 
 <script setup>
 import { computed, ref } from 'vue'
-import { useSplitList } from './useSplitList'
+import { splitList } from './splitList'
 import PanelNomenclatureShowMore from './PanelNomenclatureShowMore.vue'
 import PanelReferenceRow from './PanelReferenceRow.vue'
 
@@ -56,7 +56,7 @@ const props = defineProps({
 })
 
 const showAll = ref(false)
-const referenceList = useSplitList(props, MAX_REFERENCES)
+const referenceList = computed(() => splitList(props.list, MAX_REFERENCES))
 
 const menuOptions = computed(() => [
   {
diff --git a/src/modules/otus/components/Panel/PanelNomenclature/splitList.js b/src/modules/otus/components/Panel/PanelNomenclature/splitList.js
new file mode 100644
index 0000000..db071d1
--- /dev/null
+++ b/src/modules/otus/components/Panel/PanelNomenclature/splitList.js
@@ -0,0 +1,14 @@
+import { computed } from 'vue'
+
+export function splitList(list, MAX_RECORDS) {
+  const copyArr = list.slice()
+  const first = copyArr.splice(0, MAX_RECORDS)
+  const last = copyArr.splice(-MAX_RECORDS)
+  const middle = copyArr
+
+  return {
+    first,
+    middle,
+    last
+  }
+}
diff --git a/src/modules/otus/components/Panel/PanelNomenclature/useSplitList.js b/src/modules/otus/components/Panel/PanelNomenclature/useSplitList.js
deleted file mode 100644
index a2ebf42..0000000
--- a/src/modules/otus/components/Panel/PanelNomenclature/useSplitList.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { computed } from 'vue'
-
-export function useSplitList(props, MAX_RECORDS) {
-  return computed(() => {
-    const copyArr = props.list.slice()
-    const first = copyArr.splice(0, MAX_RECORDS)
-    const last = copyArr.splice(-MAX_RECORDS)
-    const middle = copyArr
-
-    return {
-      first,
-      middle,
-      last
-    }
-  })
-}