refactor: split stores and use events

Signed-off-by: Sebastian <krupinski01@gmail.com>

src/components/FolderSelectionTreeNode.vue

@@ -3,6 +3,7 @@ import { computed, ref } from 'vue'
 import { useCollectionsStore } from '@MailManager/stores/collectionsStore'
 import type { CollectionObject } from '@MailManager/models/collection'
 import type { ServiceObject } from '@MailManager/models'
+import type { CollectionIdentifier } from '@MailManager/types/common'
 
 interface Props {
   folder: CollectionObject
@@ -20,9 +21,7 @@ const emit = defineEmits<{
 
 const expanded = ref(false)
 
-const folderKeyFor = (folder: CollectionObject): string => {
-  return `${folder.provider}:${String(folder.service)}:${String(folder.identifier)}`
-}
+const folderKeyFor = (folder: CollectionObject): string => String(folder.identifier)
 
 const folderLabelFor = (folder: CollectionObject): string => {
   return folder.properties.label || String(folder.identifier)
@@ -76,7 +75,11 @@ const childFolders = computed(() => {
     return []
   }
 
-  return collectionsStore.collectionsInCollection(props.service.provider, serviceIdentifier, props.folder.identifier)
+  return collectionsStore.collectionsInCollection(
+    props.service.provider,
+    serviceIdentifier,
+    props.folder.identifier as CollectionIdentifier,
+  )
 })
 
 const hasChildren = computed(() => {
@@ -86,7 +89,7 @@ const hasChildren = computed(() => {
     return false
   }
 
-  return collectionsStore.hasChildrenInCollection(props.service.provider, serviceIdentifier, props.folder.identifier)
+  return collectionsStore.hasChildrenInCollection(props.service.provider, serviceIdentifier, props.folder.identifier as CollectionIdentifier)
 })
 const isSelected = computed(() => props.selectedFolderKey === key.value)