extends ../base

block append style
    link(rel='stylesheet' href='/style-asset/public.css')
    link(rel='stylesheet' href='/assets/lib/fa/css/all.css')

block append script
    if vue_session
        script(type='module').
            import { session } from '/assets/app/service/Session.service.js'
            session.init(!{JSON.stringify(vue_session) || '\{\}'})
            window.session = session

    script(type='module').
        import { components } from '/assets/app/components.js'
        import VuES6Loader from '/assets/lib/vues6/vues6.js'

        const loader = new VuES6Loader(components)
        loader.load()

        const app = new Vue({
            el: '#vue-app-base',
            data: !{JSON.stringify(vue_state) || '\{\}'}
        })

block app
    block content
        header.masthead
            .container.h-100
                .row.h-100.align-items-center
                    .col-12.text-center
                        block masthead
                            #vue-app-base
                                coreid-message-container
                                block vue