<template>
	<div class="content">
		<div class="revs-header">
			<h2 class="heading">Revisions for "{{ scene.title }}"</h2>

			<a
				:href="`/scene/${scene.id}/${scene.slug}`"
				target="_blank"
				class="link"
			>Go to scene</a>
		</div>

		<Revisions />
	</div>
</template>

<script setup>
import { inject } from 'vue';

import Revisions from '#/components/edit/revisions.vue';

const pageContext = inject('pageContext');
const scene = pageContext.pageProps.scene;
</script>

<style scoped>
.content {
	padding: 1rem;
	flex-grow: 1;
}

.revs-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
</style>