.vue route for /preview

preview.vue

<template>
	<div>loading preview...</div>
</template>

<script>
import prismic from 'prismic-javascript';

import LinkResolver from '~/functions/LinkResolver';

export default {
	name: 'prismicpreview',
	layout: 'empty',
	head() {
		return {
			title: 'loading preview...',
		};
	},

	async fetch({ env, redirect, query }) {
		// if token isn't passed, dead url, redirect to /
		const token = query.token;
		if (!token) redirect('/');
		console.log(token);

		// ctx.api.previewSession(previewToken, ctx.linkResolver, '/', function(err, redirectUrl) {
		// 	res.cookie(Prismic.previewCookie, previewToken, { maxAge: 60 * 30 * 1000, path: '/', httpOnly: false });
		// 	res.redirect(redirectUrl);
		// });

		const api = await prismic.getApi(env.prismicApi);

		const tokenQuery = await api.query(
			prismic.Predicates.at('document.type', 'blog-post'),
			{ ref : token }
		);

		console.log(tokenQuery);

		await api.previewSession(token, LinkResolver, '/', (err, url) => {
			console.log(err);
			console.log(url);
		});
	},
}
</script>