<template>
	<div>
		<router-view/>
	</div>
</template>

<script>
export default {
	name: "RecorderRoot",
};
</script>

<template>
	<keep-alive include="RecorderDetail">
		<router-view/>
	</keep-alive>
</template>

<script>
export default {
	name: "RecorderRoot",
};
</script>

Use keep-alive for RecorderDetail component
fix(recorder): Use keep-alive for RecorderDetail component

Preserves the state of list view instead of rerendering it while
switching between RequestDetail and RecorderDetail componennts
