<template> <aside class="main-sidebar"> <!-- sidebar: style can be found in sidebar.less --> <section class="sidebar"> <!-- Sidebar user panel (optional) --> <div class="user-panel"> <div class="image"> <img :src="user.avatar" /> </div> <div class="info"> <div> <p class="white">{{userData.email}}</p> </div> <a href="javascript:;"> <i class="fa fa-circle text-success"></i> Online </a> </div> </div> <!-- Sidebar Menu --> <sidebar-menu /> <!-- /.sidebar-menu --> </section> <!-- /.sidebar --> </aside> </template> <script> import SidebarMenu from './SidebarMenu' export default { name: 'Sidebar', props: ['user'], components: { SidebarMenu }, mounted: function() { window .jQuery('[data-toggle="hideseek"]') .off() .hideseek() }, created: function() { this.userData = JSON.parse(localStorage.getItem('user')) } } </script>