seecoder-devcloud-frontend/src/composable/useProject.ts

import { computed, reactive } from 'vue';
import { useRouter } from 'vue-router';
import { useStore } from 'vuex';

export const useProject = () => {
  const store = useStore();
  const router = useRouter();

  const projectList = computed(() => store.state.projectList);
  let selectedProject = reactive({});

  const handleProjectChange = (id: number) => {
    projectList.value.forEach((item: Project) => {
      if (item.id === id) {
        selectedProject = item;
        router.push(`/project/${id}/schedule`);
      }
    });
  };
  return {
    projectList,
    selectedProject,
    handleProjectChange,
  };
};