1
0
Fork 0
mirror of synced 2024-09-29 16:51:33 +13:00

Expose the screens and layouts from the screen store in the client library

This commit is contained in:
Andrew Kingston 2021-07-07 11:28:53 +01:00
parent b6c6dba721
commit 1ef2820b5d

View file

@ -11,17 +11,20 @@ const createScreenStore = () => {
const store = derived(
[config, routeStore, builderStore],
([$config, $routeStore, $builderStore]) => {
let activeLayout
let activeScreen
let activeLayout, activeScreen
let layouts, screens
if ($builderStore.inBuilder) {
// Use builder defined definitions if inside the builder preview
activeLayout = $builderStore.layout
activeScreen = $builderStore.screen
layouts = [activeLayout]
screens = [activeScreen]
} else {
activeLayout = { props: { _component: "screenslot" } }
// Find the correct screen by matching the current route
const { screens, layouts } = $config
screens = $config.screens
layouts = $config.layouts
if ($routeStore.activeRoute) {
activeScreen = screens.find(
screen => screen._id === $routeStore.activeRoute.screenId
@ -33,7 +36,7 @@ const createScreenStore = () => {
)
}
}
return { activeLayout, activeScreen }
return { layouts, screens, activeLayout, activeScreen }
}
)