<template> <div class="web-wrapper"> <div v-if="isLoaded" class="container-fluid mt-3"> <div class="row"> <div class="col-md-3 d-md-block"> <sidebar :user="profile" /> </div> <div class="col-md-8"> <div class="row"> <div class="col-12 col-md-8 offset-md-1"> <compose-modal v-on:close="closeModal" /> </div> </div> </div> </div> <drawer /> </div> </div> </template> <script type="text/javascript"> import Drawer from './partials/drawer.vue'; import Sidebar from './partials/sidebar.vue'; import ComposeModal from './../js/components/ComposeModal.vue'; export default { components: { "drawer": Drawer, "sidebar": Sidebar, "compose-modal": ComposeModal }, data() { return { isLoaded: false, profile: undefined, } }, mounted() { this.profile = window._sharedData.user; this.isLoaded = true; }, methods: { closeModal() { this.$router.push('/i/web'); } } } </script>