import { type Menu, type MenuPath, menus } from '@/router/menu.ts';

export function useStep(mode: Ref<string>, id: Ref<string>) {
  const menu = shallowRef<Menu | void>();
  const tabTitle = computed(() => menu.value?.title.replace('管理', '确认') ?? '确认');

  watchEffect(() => {
    menu.value = menus[`/step/${mode.value}` as MenuPath] ?? { title: import.meta.env.SIX_TITLE };
  });

  const router = useRouter();

  function next(value: string) {
    return router.push({ path: `/step/${mode.value}/${value}`, replace: !!id.value });
  }

  function prev() {
    return router.back();
  }

  return { menu, tabTitle, next, prev };
}