src/components/CollectionList.vue

@@ -22,9 +22,9 @@ const filteredCollections = computed(() => {
   
   return props.collections.filter(collection => {
     if (props.type === 'calendar') {
-      return collection.properties.contents?.event
+      return collection.properties.content?.includes('event')
     } else if (props.type === 'tasklist') {
-      return collection.properties.contents?.task
+      return collection.properties.content?.includes('task')
     }
     return true
   })

src/stores/chronoStore.ts

@@ -68,11 +68,11 @@ export const useChronoStore = defineStore('chronoStore', () => {
   const entities = computed(() => entitiesStore.entities)
 
   const calendars = computed(() => {
-    return collections.value.filter(col => col.properties.contents?.event)
+    return collectionsStore.collections.filter(col => col.properties.content?.includes('event'))
   })
 
   const taskLists = computed(() => {
-    return collections.value.filter(col => col.properties.contents?.task)
+    return collectionsStore.collections.filter(col => col.properties.content?.includes('task'))
   })
 
   const events = computed(() => {
@@ -146,7 +146,7 @@ export const useChronoStore = defineStore('chronoStore', () => {
     editingCollection.value = new CollectionObject()
     editingCollection.value.properties.fromJson({
       ...editingCollection.value.properties.toJson(),
-      contents: { event: true },
+      content: ['event'],
     })
     collectionEditorMode.value = 'create'
     collectionEditorType.value = 'calendar'
@@ -157,7 +157,7 @@ export const useChronoStore = defineStore('chronoStore', () => {
     editingCollection.value = new CollectionObject()
     editingCollection.value.properties.fromJson({
       ...editingCollection.value.properties.toJson(),
-      contents: { task: true },
+      content: ['task'],
     })
     collectionEditorMode.value = 'create'
     collectionEditorType.value = 'tasklist'