import { ref, onMounted } from 'vue'

const projects = ref([])
const isLoading = ref(true)

onMounted(async () => {
  try {
    const data = await fetchProjects()
    projects.value = data
  } catch (error) {
    console.error(error)
  } finally {
    isLoading.value = false
  }
})

function fetchProjects() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve([
        { id: 1, title: 'E-commerce Platform' },
        { id: 2, title: 'Portfolio Website' },
        { id: 3, title: 'Mobile App' }
      ])
    }, 1000)
  })
}