first commit

src/composables/useProjects.ts

@@ -0,0 +1,35 @@
+import { ref } from 'vue'
+import { api } from '../services/api'
+import type { Project } from '../types'
+
+export function useProjects() {
+  const projects = ref<Project[]>([])
+  const loading = ref(false)
+  const error = ref<string | null>(null)
+
+  const fetchProjects = async () => {
+    loading.value = true
+    error.value = null
+    
+    try {
+      projects.value = await api.getProjects()
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : '获取项目列表失败'
+      console.error('获取项目列表失败:', err)
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const refreshProjects = () => {
+    return fetchProjects()
+  }
+
+  return {
+    projects,
+    loading,
+    error,
+    fetchProjects,
+    refreshProjects
+  }
+}