FIX when source is empty

client/src/components/dataset/ProjectDetailsTable.vue

@@ -1,6 +1,7 @@
 <script setup>
 import DataTable from 'primevue/datatable'
 import { ref, onMounted } from 'vue'
+import { splitStr } from '@/utils/index.js'
 import { loadProjects } from '@/services/project'
 
 const props = defineProps({
@@ -13,10 +14,6 @@ const props = defineProps({
 const projectsById = ref(new Map())
 const project = ref([])
 
-function splitStr(str) {
-  return str.split(',')
-}
-
 onMounted(() => {
   // list all projects by id
   loadProjects(null, projectsById)

client/src/components/project/ProjectList.vue

@@ -1,14 +1,11 @@
 <script setup>
 import { ref, inject, onMounted } from 'vue'
+import { splitStr } from '@/utils/index.js'
 import { loadProjects } from '@/services/project'
 
 const dialogRef = inject('dialogRef')
 const records = ref()
 
-const splitStr = (str) => {
-  return str.split(',')
-}
-
 onMounted(() => {
   // only list my projects
   loadProjects(records, null, true)

client/src/utils/index.js

@@ -72,3 +72,11 @@ export function fmtFilter(object) {
     })
     .filter((item) => item)
 }
+
+export function splitStr(str) {
+  if (typeof str === 'string') {
+    return str.split(',')
+  } else {
+    return []
+  }
+}