<script>
    function getordefault(key, val) {
        if (!localStorage.getItem(key)) {
            localStorage.setItem(key, val)
            return val
        }
        return localStorage.getItem(key)
    }
    (function init() {
        [markdown_highlight, markdown_highlight_swap] = [markdown_highlight_swap, markdown_highlight]
        const $model = (window.$model = PetiteVue.reactive({}))
        $model.body = {
            handle: window.location.pathname.split('/').reverse().filter(e => e.trim())[1],
            theme: getordefault('theme', 'light'),
            raw: {
                show: false,
            },
            progress: {
                show: false,
                value: 0,
                max: 0,
            },
        }
        $model.body.theme=='light'?window.highlighter.setTheme(window.codeHighlightTheme):window.highlighter.setTheme(window.darkModeCodeHighlightTheme);
 
        document.querySelector("html").setAttribute('v-scope', '')
        document.querySelector("html").setAttribute(':data-theme', '$model.body.theme')
        document.querySelector('#home').setAttribute('v-show', '$model.body.raw.show')
        console.log($model)

        header()
        main()
        PetiteVue.createApp({ $model }).mount()

        document.body.style.visibility = 'visible'
    })()
</script>