<template>
	<component :is="layout">
		<slot />
	</component>
</template>
<script>
import DefaultLayout from '~/layouts/default';
import FullSizeLayout from '~/layouts/landing';
const isLocal = window.location.host == 'localhost:3000';
export default {
	name: 'layout',
	components: {
		DefaultLayout,
		FullSizeLayout,
	},
	setup(props, { root }) {
		const layout = isLocal ? 'DefaultLayout' : 'FullSizeLayout';
		// computed(() => root.$route.meta.layout || "DefaultLayout");
		return {
			layout,
		};
	},
};
</script>
