Historial de página

import fwjsStepper from '@/app/shared/components/fwjsStepper.vue';

// Archivo que incluye el asistente MiStepperView.vue
<template>
	<fwjsStepper :items="items" :restartOnRefresh="true" />
</template>

<script lang="ts" setup>
	...
	const items = computed(() => [
		{
  			title: t('step_1'),
			subtitle: t('step_1_subtitle'), 
            to: '/seccion/asistente/paso-1', 
    	},
 		{
   			title: t('step_2'),
			subtitle: t('step_2_subtitle'), 
            to: '/seccion/asistente/paso-2',  
    	}, 
 		{
   			title: t('step_3'),
			subtitle: t('step_3_subtitle'), 
            to: '/seccion/asistente/paso-3',  
    	}, 
	]);
	...
</script>

// Archivo module.routes 
export default [
	...
	{
		path: '/seccion/asistente',
 		name: 'SeccionMiStepper',
 		component: MiStepperView,
 		meta: {
 			...
 		},
 		children: [
        	{
                  path: 'paso1paso-1'						// /seccion/asistente/paso-1,
                  name: 'SeccionMiStepperPaso1',
                  component: MiStepperPaso1,
        	},
        	{
                  path: 'paso3paso-3'						// /seccion/asistente/paso-2, 
                  name: 'SeccionMiStepperPaso2',
                  component: MiStepperPaso2,
        	}, 
        	{
                  path: 'paso3paso-3'						// /seccion/asistente/paso-3, 
                  name: 'SeccionMiStepperPaso3',
                  component: MiStepperPaso3,
        	},  
		],
	},
	...
];