import { computed, ref } from 'vue'
import { fetchFloders } from '@/api'

import type { Floders } from '@/api'
import type { FloderType } from './floder-type'

export const floders = ref<Floders>([])
export const getFloderByType = (type: FloderType) => 
  floders.value.filter(floder => floder.filesTypeId === type.filesTypeId)


export const initialFloders = async () => {
  floders.value = await fetchFloders()
}

export type { Floders, Floder } from '@/api'