Hello, I'm Evrim.

              import { ref, computed } from 'vue'

              const useProjects = () => {
                const projects = ref([])
                const loading = ref(true)
                
                const fetchProjects = async () => {
                  try {
                    // Get projects data
                    const response = await api.get('/projects')
                    projects.value = response.data
                  } catch (error) {
                    console.error(error)
                  } finally {
                    loading.value = false
                  }
                }
                
                return {
                  projects,
                  loading,
                  fetchProjects
                }
              }