<template>
<sidebar :active="active"></sidebar>
<transition name="fade" mode="out-in">
<div v-if="active === ''" id="main">important info here</div>
<div v-else-if="active === '#orders'" id="main">order info here</div>
</transition>
</template>

<script>
import Sidebar from './sidebar.vue'

export default {
	components: {
		Sidebar,
	},
	data() {
	return {active: window.location.hash, }
	},
}
</script>
