import { defineStore } from 'pinia';
import type { StepModel } from '@/model/step.model.ts';
import { useRouteParams } from '@vueuse/router';

export const useStepStore = defineStore('step', () => {
  const id = useRouteParams<string>('value');
  const mode = useRouteParams<string>('mode');
  const dataset = shallowRef<StepModel>();

  function $reset() {
    dataset.value = void 0;
  }

  return { dataset, id, mode, $reset };
});