Refactor

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(() => [
   {

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(() => [
   {

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
+  }
+}