404 - Page 'LandingsPage' not found
1. Create file ~~/components/sdl/pages/Landings/LandingsPage.vue with next content:
<script_ lang='tsx'>
import { defineComponent } from 'vue';
import SdlRegion from '/sdl/components/SdlRegion.vue';
const LandingsPage = defineComponent({
props: {
page: { type: Object, required: true }
},
setup(props) {
return () => (<>
<Head>
<SdlRegion region={props.page?.regions?.IdentificationV3Region} />
</Head>
<Body>
<header>
</header>
<main>
<SdlRegion region={props.page?.regions?.MainRegion} />
<SdlRegion region={props.page?.regions?.IdentificationV3Region} />,<SdlRegion region={props.page?.regions?.PromoRegion} />
</main>
GeneralFooterV3
<footer>
<SdlRegion region={props.page?.regions?.GeneralFooterV3} />
</footer>
</Body>
<JsonViewer value={props.page} />
</>);
}
});
export default LandingsPage;
</script_>
<style scoped lang='scss'>
</style>
2. Add next line into sdl.config.ts.
{
pages: {
templates: {
'Landings/LandingsPage': defineAsyncComponent(() => import('~~/components/sdl/pages/Landings/LandingsPage.vue')),
}
}
}