diff --git a/apps/files/.babelrc b/apps/files/.babelrc
index d0c70a0c5a6..0c2b576eecb 100644
--- a/apps/files/.babelrc
+++ b/apps/files/.babelrc
@@ -1,5 +1,12 @@
 {
   "presets": [
-    ["es2015", {"modules": false}]
+    [
+      "env",
+      {
+        "targets": {
+          "node": "current"
+        }
+      }
+    ]
   ]
-}
\ No newline at end of file
+}
diff --git a/apps/files/package.json b/apps/files/package.json
index 1085b3ea8dc..e579cd97759 100644
--- a/apps/files/package.json
+++ b/apps/files/package.json
@@ -11,11 +11,16 @@
   "license": "AGPL-3.0",
   "homepage": "https://github.com/owncloud/phoenix",
   "devDependencies": {
+    "babel": "^6.23.0",
+    "babel-core": "^6.26.3",
+    "babel-loader": "^7.1.5",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-es2015": "^6.24.1",
     "css-loader": "^1.0.0",
     "less": "^3.0.4",
     "less-loader": "^4.1.0",
     "pug": "^2.0.3",
-    "vue-loader": "^14.2.3",
+    "vue-loader": "^15.4.2",
     "webpack": "^4.15.0",
     "webpack-cli": "^3.0.8",
     "webpack-merge": "^4.1.3"
diff --git a/apps/files/src/components/File-Details.vue b/apps/files/src/components/File-Details.vue
index 403d5aadb4d..e69f9c105d9 100644
--- a/apps/files/src/components/File-Details.vue
+++ b/apps/files/src/components/File-Details.vue
@@ -1,80 +1,65 @@
-<template lang="pug">
-	// material icon mixin
-	mixin icon(a)
-		i.material-icons(class=a.class)= a.icon
-
-	#file-details.uk-position-relative
-		button(type="button", uk-close, @click="close").uk-position-top-right
-		section(v-if="file")
-			.uk-grid-small.uk-flex-middle(uk-grid)
-				.uk-width-auto
-					i.material-icons.-x2 {{ file.type }}
-
-				.uk-width-expand
-					h3.uk-card-title.uk-margin-remove-bottom.uk-text-truncate {{ file.name }}
-						span(uk-icon="icon: link", uk-tooltip, title="Copy local link", style="cursor:pointer").uk-margin-small-left
-
-					p.uk-margin-remove-top
-						span.uk-text-meta Size:&nbsp;
-						span.uk-text-small {{ file.size | fileSize }}
-
-			Buttonrow(:files="file")
-
-			ul(:uk-switcher="'connect:#'+switcherId", data-exp="file-details-panel-tabs").uk-child-width-expand.uk-tab
-				li.uk-active
-					a(href="") Info
-				li(v-for="(plugin, pid) in extendButtonRow", :key="pid")
-					a(href="") {{ plugin.title }}
-
-			ul.uk-switcher(data-exp="file-details-panel-contents", :id="switcherId")
-				li
-					.uk-overflow-hidden
-						table.uk-table.uk-table-small.uk-text-meta
-							tbody
-								tr
-									td Modified:
-									td.uk-table-expand {{ file.mdate | formDateTime }}
-								tr.uk-padding-bottom-small
-									td Created:
-									td.uk-table-expand {{ file.cdate | formDateTime }}
-								tr(v-for="(meta, key) in file.meta")
-									td {{ key | ucFirst }}:
-									td.uk-table-expand {{ meta }}
-				component(v-for="(plugin, pid) in extendButtonRow", :is="plugin.component", :key="pid", v-if="extendButtonRow.length > 0")
-
-		section(v-if="files")
-			.uk-grid-small.uk-flex-middle(uk-grid)
-				.uk-width-auto
-					i.material-icons.-x2 filter_{{ files.length }}
-
-				.uk-width-expand
-					h3.uk-card-title.uk-margin-remove-bottom.uk-text-truncate Multiple files
-						span(uk-icon="icon: link", uk-tooltip, title="Copy local link", style="cursor:pointer").uk-margin-small-left
-
-					p.uk-margin-remove-top
-						span.uk-text-meta Size:&nbsp;
-						span.uk-text-small {{ accumulatedFilesSize | fileSize }}
-
-			Buttonrow(:files="file")
-
-			hr.uk-hr
-			ul.uk-list.uk-list-bullet
-				li(v-for="item in files") {{ item.name }}
+<template>
+	<v-navigation-drawer
+      v-model="drawer"
+			right
+			floating
+			permanent
+			height="100%"
+    >
+			<v-tabs
+	      v-model="active"
+	      color="primary"
+	      dark
+	      slider-color="yellow"
+	    >
+	      <v-tab
+	        v-for="item in items"
+	        :key="item.name"
+	        ripple
+	      >
+	        {{ item.name }}
+	      </v-tab>
+	      <v-tab-item
+	        v-for="item in items"
+	        :key="item.name"
+	      >
+					<v-flex>
+						<p class="headline font-weight-medium text-xs-center">{{ item.name }}</p>
+					</v-flex>
+					<v-layout row>
+						<p class="text-xs-left">FileSize: </p>
+						<v-spacer />
+						<p class="text-xs-right">{{ item.size | fileSize }}</p>
+					</v-layout>
+					<v-layout row>
+						<p class="text-xs-left">Created: </p>
+						<v-spacer />
+						<p class="text-xs-right">{{ item.cdate | formDateFromNow }}</p>
+					</v-layout>
+					<v-layout row>
+						<p class="text-xs-left">Last Edited: </p>
+						<v-spacer />
+						<p class="text-xs-right">{{ item.mdate | formDateFromNow }}</p>
+					</v-layout>
+	      </v-tab-item>
+	    </v-tabs>
+    </v-navigation-drawer>
 </template>
 
 <script>
-const _each = require('lodash/each');
-const _size = require('lodash/size');
-const _filter = require('lodash/filter');
-const _unique = require('lodash/uniqueId');
-
 import Mixins from '../mixins';
-import Buttonrow from './File-Details-Buttonrow.vue';
+import { each } from 'lodash';
 
 export default {
 	mixins: [Mixins],
+	props: ['items'],
+	data (){
+		return {
+			drawer: false,
+			active: this.getLength,
+		}
+	},
 	components: {
-		Buttonrow
 	},
 	methods: {
 		close() {
@@ -82,48 +67,27 @@ export default {
 		}
 	},
 	computed: {
-		switcherId() {
-			return _unique('uk-switcher-');
+		getLength () {
+			return this.items.length
 		},
+
+		toggle () {
+			if(!this.items){
+				return this.drawer = false
+			}else{
+				return this.drawer = true
+			}
+		},
+
 		accumulatedFilesSize() {
 			let size = 0;
 
-			_each(this.files, (e) => {
+			each(this.items, (e) => {
 				size = size + e.size;
 			});
 
 			return size;
-		},
-		extendButtonRow() {
-			return _filter(this.$root.plugins, ['extend', "filesDetailsButtonRow"]);
-		},
-		file() {
-			let filesSelected = this.$store.getters['files/SELECTED'];
-			if (_size(filesSelected) !== 1)
-				return false;
-
-			return filesSelected[0];
-		},
-		files() {
-			let filesSelected = this.$store.getters['files/SELECTED'];
-			if (_size(filesSelected) === 1)
-				return false;
-
-			return filesSelected;
 		}
 	}
 }
 </script>
-<style lang="less">
-	.material-icons {
-		user-select: none;
-
-		&.-x2 {
-			font-size: 48px;
-		}
-	}
-
-	.uk-button-small .material-icons {
-		font-size: 16px;
-	}
-</style>
diff --git a/apps/files/src/components/FileactionsTab.vue b/apps/files/src/components/FileactionsTab.vue
new file mode 100644
index 00000000000..6ae3be25c57
--- /dev/null
+++ b/apps/files/src/components/FileactionsTab.vue
@@ -0,0 +1,44 @@
+<template>
+  <v-bottom-sheet :value="sheet"
+  @update:returnValue="closeTab">
+    <v-list>
+      <v-subheader>Open {{ file.name }} in</v-subheader>
+
+      <v-list-tile
+        v-for="tile in tiles"
+        :key="tile.id"
+        @click=""
+      >
+        <v-list-tile-avatar>
+          <v-avatar size="32px" tile>
+            <img
+              :src="`https://cdn.vuetifyjs.com/images/bottom-sheets/${tile.img}`"
+              :alt="tile.title"
+            >
+          </v-avatar>
+        </v-list-tile-avatar>
+        <v-list-tile-title @click="">{{ tile.title }}</v-list-tile-title>
+      </v-list-tile>
+    </v-list>
+  </v-bottom-sheet>
+</template>
+<script>
+export default {
+  name: 'fileactionsTab',
+  props: ['sheet', 'file'],
+  data: () => ({
+      tiles: [
+        { img: 'keep.png', title: 'DoWhatEverYouWant' , id: 0},
+        { img: 'inbox.png', title: 'Download', id: 1},
+        { img: 'messenger.png', title: 'Share', id: 2},
+        { img: 'google.png', title: 'Delete', id: 3}
+      ]
+    }),
+    methods: {
+      closeTab () {
+        console.log('closeTab')
+        this.$emit('close')
+      }
+    }
+}
+</script>
diff --git a/apps/files/src/components/Files-App.vue b/apps/files/src/components/Files-App.vue
index e58b7c20f1b..a8f9a8bf381 100644
--- a/apps/files/src/components/Files-App.vue
+++ b/apps/files/src/components/Files-App.vue
@@ -1,424 +1,397 @@
-<template lang="pug">
-	// material icon mixin
-	mixin icon(a)
-		i.material-icons(class=a.class)= a.icon
-
-	#files-app.uk-height-1-1(@contextmenu="contextHandler($event)")
-		transition(name="fade")
-			span(v-show="loading").oc-loader-spinner
-
-		<!--div(uk-dropdown ref="contextMenu")-->
-			<!--ul.uk-nav.uk-dropdown-nav-->
-				<!--li Download-->
-				<!--li Item A-->
-				<!--li Item B-->
-
-		.uk-position-relative.move-down
-			ul(uk-grid).uk-padding-small.uk-flex.uk-flex-middle.uk-background-muted
-				li.uk-flex.uk-flex-center
-					.material-icons.burger.cursor-pointer create_new_folder
-					div(uk-dropdown="mode: click", ref="newFolderDropdown", v-on:beforeshow="newFolderName = ''")
-						form
-							input.uk-input.uk-form-small(type='text', v-model="newFolderName", placeholder='Folder name')
-							button.uk-button.uk-button-primary.uk-button-small.uk-margin-small-top(@click="createNewFolder(newFolderName)") OK
-
-				li.uk-width-expand
-					ol.uk-breadcrumb.uk-margin-remove-bottom
-						li.uk-flex.uk-flex-center
-							drop(@drop="onDrop('breadcrumb', '', ...arguments)")
-								router-link(:to="{ name: 'file-list', params: { item: 'home' }}", tag="i").material-icons.burger.cursor-pointer home
-						li(v-for="(pathItem, pId) in path")
-							drop(@drop="onDrop('breadcrumb', pathItem, ...arguments)")
-								router-link(:to="{ name: 'file-list', params: { item: pathItem }}").cursor-pointer.uk-link-text {{ pathItem.split('/').slice(-1)[0] }}
-				li
-					span {{ files.length }} Results
-				li
-					button.uk-button.uk-button-material.uk-button-small
-						i.material-icons.uk-margin-small-right filter_list
-						span Filter
-					div(uk-dropdown="mode: click")
-						ul.uk-list.uk-margin-remove
-							li
-								label
-									input.uk-checkbox(type='checkbox', name='Accepted', v-model="filterBy.files")
-									span(:class="{ 'uk-text-primary' : filterBy.accepted }").uk-text-meta.uk-margin-small-left Files
-							li
-								label
-									input.uk-checkbox(type='checkbox', name='Pending', v-model="filterBy.folder")
-									span(:class="{ 'uk-text-primary' : filterBy.pending }").uk-text-meta.uk-margin-small-left Folder
-							li
-								label
-									input.uk-checkbox(type='checkbox', name='Pending', v-model="filterBy.hidden")
-									span(:class="{ 'uk-text-primary' : filterBy.hidden }").uk-text-meta.uk-margin-small-left Hidden files
-			div(uk-grid).uk-grid-collapse
-				main.uk-width-expand._scroll_container
-					table.file-table-header.uk-table.uk-table-middle.uk-table-divider.uk-margin-remove
-						thead
-							tr
-								th
-									input(type="checkbox").uk-checkbox.uk-margin-small-left
-								th Name
-								th(class="uk-visible@l").uk-text-right Owner
-								th Size
-								th(class="uk-visible@s") Date
-						tbody
-							tr(v-for="(file, id) in files", v-if="ifFiltered(file)", :data-file-id="file._id", :class="{ '_is-selected' : isChecked(file) }").uk-animation-fade
-								td.uk-table-shrink
-									input(type="checkbox", :checked="isChecked(file)", @click="toggleFileSelect(file)").uk-checkbox.uk-margin-small-left
-
-								// --- Name ----------
-								td(v-if="!file.extension", @click="toggleFileSelect(file)").uk-text-truncate.uk-visible-toggle
-									drag(:transfer-data="file")
-										drop(@drop="onDrop('file-list', file, ...arguments)")
-											a(@click.stop="routerLink(file.path)").uk-link-text.uk-position-relative
-												i.material-icons.uk-text-primary.uk-position-center-left {{ file.type }}
-												span {{ file.name }}
-
-								td(v-else).uk-text-truncate(@click="toggleFileSelect(file)")
-									a(@click.stop="endOfDummy").uk-link.uk-position-relative
-										i.material-icons.uk-text-primary.uk-position-center-left {{ file.type }}
-										span {{ file.name }}
-									span.uk-text-meta .{{ file.extension }}
-
-								// --- Owner ----------
-								td(class="uk-visible@l").uk-text-nowrap.uk-table-shrink.uk-text-right
-									div(v-if="file.sharedIn").uk-text-meta.uk-inline
-										span(uk-tooltip, :title="file.sharedIn.mail") {{ file.sharedIn.name }}
-
-								// --- Size ------------------
-								td.uk-text-nowrap.uk-table-shrink
-									span.uk-text-meta {{ file.size | fileSize }}
-
-								// --- Filedate ------------------
-								td(class="uk-visible@s").uk-text-nowrap.uk-table-shrink
-									time.uk-text-meta {{ file.mdate | formDateFromNow }}
-
-				aside.uk-width-medium.uk-background-default.uk-padding-small(v-show="selected.length > 0", class="uk-width-large@l uk-padding@l").uk-animation-slide-right-small
-					FileDetails(@reset="resetFileSelection")
+<template>
+	<v-container id="files-app" fluid class="pa-0">
+		<v-toolbar class="elevation-1">
+	 			<v-btn v-if="!createFile" @click="createFolder ? addNewFolder(newFolderName) : createFolder = !createFolder" flat>
+					<v-icon v-if="!createFolder" large>create_new_folder</v-icon>
+					<v-icon v-if="createFolder" large>add</v-icon>
+				</v-btn>
+				<v-btn v-if="!createFolder" @click="createFile ? addNewFile(newFileName, item) : createFile = !createFile" flat>
+					<v-icon v-if="!createFile" large>file_copy</v-icon>
+					<v-icon v-if="createFile" large>add</v-icon>
+				</v-btn>
+			<v-flex v-if="createFolder || createFile" xs2>
+				<v-text-field
+					v-if="createFolder"
+					@keydown.enter="addNewFolder(newFolderName)"
+					:placeholder="$gettext('Enter foldername here')"
+					v-model="newFolderName"
+					hide-details
+					single-line
+				></v-text-field>
+				<v-text-field
+					v-if="createFile"
+					@keydown.enter="addNewFile(newFileName)"
+					:placeholder="$gettext('Enter filename here')"
+					v-model="newFileName"
+					hide-details
+					single-line
+				></v-text-field>
+			</v-flex>
+			<v-flex align-self-center>
+				<v-breadcrumbs class="pa-0" :items="getRoutes">
+					<template slot="item" slot-scope="props">
+							<drop >
+								<v-icon @click="navigateTo('file-list', props.item.route)" v-if="props.item.text === 'home'" large>
+									home
+								</v-icon>
+								<span @click="navigateTo('file-list', props.item.route)" v-else class="heading font-weight-bold">
+									{{ props.item.text }}
+								</span>
+							</drop>
+					</template>
+				</v-breadcrumbs>
+			</v-flex>
+			<v-flex align-self-center class="text-xs-right" xs1>
+				<span>
+					<translate :translate-n="filteredFiles.length" translate-plural="%{ filteredFiles.length } Results">
+						%{ filteredFiles.length } Result
+					</translate>
+				</span>
+			</v-flex>
+			<v-menu transition="scale-transition">
+				<v-btn slot="activator" flat><v-icon large>filter_list</v-icon></v-btn>
+				<v-list>
+					<v-list-tile v-for="(filter, fid) in filters" :key="fid" @click="">
+						<v-list-tile-title v-text="filter.name"></v-list-tile-title>
+						<v-checkbox v-model="filter.value"></v-checkbox>
+					</v-list-tile>
+				</v-list>
+			</v-menu>
+		</v-toolbar>
+		<v-layout row>
+			<v-flex xs12>
+			<v-data-table
+				id="filesTable"
+				v-model="selected"
+				:headers="headers"
+				:items="filteredFiles"
+				:pagination.sync="pagination"
+				select-all
+				item-key="name"
+				class="elevation-1">
+				<template slot="headers" slot-scope="props">
+						<th>
+							<v-checkbox
+								:input-value="props.all"
+								:indeterminate="props.indeterminate"
+								primary
+								hide-details
+								@click.native="toggleAll"
+							></v-checkbox>
+						</th>
+						<th>
+							<v-checkbox
+							primary	hide-details
+							color="yellow"
+							on-icon="star" off-icon="star_border"></v-checkbox>
+						</th>
+						<th
+							v-for="header in props.headers"
+							:key="header.text"
+							:class="[header.text === 'Name' ? 'text-xs-left' : 'text-xs-center' , 'column sortable', pagination.descending ? 'desc' : 'asc', header.value === pagination.sortBy ? 'active' : '']"
+							@click="changeSort(header.value)"
+						>
+							<v-icon small>arrow_upward</v-icon>
+							{{ header.text }}
+						</th>
+					</tr>
+				</template>
+				<template slot="items" slot-scope="props">
+					<tr :active="props.selected">
+							<td>
+								<v-checkbox @change="toggleFileSelect(props.item)" :input-value="props.selected" primary	hide-details>
+								</v-checkbox>
+							</td>
+							<td>
+								<v-checkbox
+								@change=""
+								v-model="props.item.starred"
+								primary	hide-details
+								color="yellow"
+								on-icon="star" off-icon="star_border" large></v-checkbox>
+							</td>
+							<td @click="props.item.extension === false ? navigateTo('file-list', props.item.path) : openFile(props.item)" class="text-xs-left">
+								{{ props.item.name }}
+							</td>
+							<td @click="props.item.extension === false ? navigateTo('file-list', props.item.path) : openFile(props.item)" class="text-xs-center">
+								{{ props.item.size | fileSize }}
+							</td>
+							<td @click="props.item.extension === false ? navigateTo('file-list', props.item.path) : openFile(props.item)" class="text-xs-center">
+								{{ props.item.mdate | formDateFromNow }}
+							</td>
+							<td @click="props.item.extension === false ? navigateTo('file-list', props.item.path) : openFile(props.item)" class="text-xs-center">
+								{{ props.item.owner }}
+							</td>
+					</tr>
+				</template>
+				<template slot="pageText" slot-scope="props">
+					<span>Item</span> {{ props.pageStart }} - {{ props.pageStop }} <span>of</span> {{ props.itemsLength }}
+				</template>
+			</v-data-table>
+		</v-flex>
+		<v-flex>
+			<file-details v-if="selectedFiles !== false" :items="selectedFiles"/>
+		</v-flex>
+		</v-layout>
+			<fileactions-tab :sheet="sheet" :file="fileAction" @close="sheet = !sheet"/>
+</v-container>
 </template>
 
 <script>
 	import Mixins       from '../mixins';
-	import FileDetails  from './File-Details.vue';
+	import FileDetails from './File-Details.vue'
+	import FileactionsTab from './FileactionsTab.vue'
 
 	const _includes = require('lodash/includes');
-	const _filter   = require('lodash/filter');
-
-	const store     = require('../store');
+	import { filter } from 'lodash'
+	import { mapActions, mapGetters, mapState } from 'vuex'
 
 	export default {
-		mixins      : [Mixins],
-		components  : {FileDetails},
+		mixins:[
+			Mixins
+		],
+		components: {
+			FileDetails,
+			FileactionsTab
+		},
 		data() {
 			return {
-				loading : false,
-				filterBy: {
-					files   : true,
-					folder  : true,
-					hidden  : false
-				},
-				path    : [],
-				files   : [],
-				self    : {},
+			sheet: false,
+			createFolder: false,
+			createFile: false,
+			fileAction: {},
+			fileName: '',
+      pagination: {
+        sortBy: 'name'
+      },
+			selected: [],
+			headers: [
+				{ text: 'Name', value: 'name' },
+				{ text: 'Size', value: 'size' },
+				{ text: 'Date', value: 'date' },
+				{ text: 'Owner', value: 'owner' }
+			],
+			loading : false,
+			filters: [
+				{
+					name: 'Files',
+					tag: 'file',
+				  value: true
+				},{
+					name: 'Folders',
+					tag: 'folder',
+					value: true
+				}, {
+					name: 'Hidden',
+					tag: 'hidden',
+					value: false
+				}
+			],
+			path    : [],
+			breadcrumbs: 	[],
+			files   : [],
+			self    : {},
+			newFolderName	: '',
+			newFileName	: ''
+		}
+	},
+	mounted () {
+		this.getFolder();
+	},
+	methods: {
+		...mapActions('files',['resetFileSelection', 'addFileSelection', 'removeFileSelection','loadFiles']),
+
+		trace() {
+			console.info('trace', arguments)
+		},
 
-				newFolderName	: ''
+		toggleFileSelect(item) {
+			if(_includes(this.selectedFiles, item)){
+				this.removeFileSelection(item)
 			}
-		},
-		beforeMount () {
-			// Extend the store (only once)
-			if (!this.$store.state.files) {
-				this.$store.registerModule('files', store.default);
+			else{
+				this.addFileSelection(item)
 			}
 		},
-		mounted () {
-			this.loadFolder();
-		},
-		methods: {
-			goto(e) {
-				this.$route.push()
-			},
-
-			toggleFavorite(item) {
-				this.files[item].stared = (!this.files[item].stared);
-			},
 
-			routerLink(itemPath) {
-				if(itemPath.endsWith('/')) {
-					this.$router.push({
-						name: 'file-list',
-						params: {
-							item: itemPath
-						}
-					})
+		toggleAll () {
+			if (this.selected.length) {
+				for(let item of this.selectedFiles){
+					this.removeFileSelection(item)
 				}
-			},
-
-			contextHandler(event) {
-				// if(event.target.tagName === 'TD'){
-				// 	this.contextMenuTop = event.pageY;
-				// 	this.contextMenuLeft = event.pageX;
-				//
-				// 	let dropdown = this.$uikit.dropdown(this.$refs.contextMenu);
-				// 	dropdown.show();
-				// }
-				// event.preventDefault();
-			},
-
-			async loadFolder() {
-				if (!this.iAmActive)
-					return false;
-
-				this.loading = true;
-
-				this.path = [];
-				let absolutePath = this.$route.params.item;
-				if (this.$route.params.item === 'home') {
-					absolutePath = '/';
-				} else {
-					let pathSplit  = absolutePath.split('/').filter((val) => val);
-					for (let i = 0; i < pathSplit.length; i++) {
-						this.path.push('/' + pathSplit.slice(0, i + 1).join('/'));
+				this.selected = []
+			}
+			else {
+				this.selected = this.filteredFiles.slice()
+				for (let item of this.selected) {
+					if(!_includes(this.selectedFiles, item)){
+						this.addFileSelection(item)
 					}
 				}
+			}
+		},
 
-				if (navigator.onLine) {
-					this.offlineNotified = false;
-
-					// List all files
-					try {
-						let files = await this.$client.files.list(absolutePath);
-						// Remove the root element
-						files = files.splice(1);
-
-						this.files = files.map(file => {
-							return ({
-								type    : (file.type === 'dir') ? 'folder' : file.type,
-								starred : false,
-								mdate   : file['fileInfo']['{DAV:}getlastmodified'],
-								cdate   : '',    //TODO: Retrieve data of creation of a file
-
-								size    : function () {
-									if (file.type === 'dir') {
-										return file['fileInfo']['{DAV:}quota-used-bytes'] / 100
-									} else {
-										return file['fileInfo']['{DAV:}getcontentlength'] / 100
-									}
-								}(),
-								extension: (file.type === 'dir') ? false : '',
-								name    : function () {
-									let pathList = file.name.split("/").filter(e => e !== "")
-									return pathList[pathList.length - 1];
-								}(),
-								path    : file.name,
-								id      : file['fileInfo']['{DAV:}getetag']
-							});
-						});
-
-						// Save files in the cache
-						localStorage.setItem(absolutePath, JSON.stringify(this.files));
-
-						this.self = files.self;
-
-						this.loading = false;
-
-						this.resetFileSelection();
-					}
-					catch (error) {
-						this.$uikit.notification({
-							message: error.statusText || error,
-							status: 'danger',
-							pos: 'top-center'
-						});
-					}
-				} else {
-					// If the user has not been notified
-					if(!this.offlineNotified){
-						this.$uikit.notification({
-							message: `You are currently offline. Latest changes may not be available`,
-							status: 'primary'
-						});
-
-						this.offlineNotified = true;
-					}
-
-					let cachedFiles = JSON.parse(localStorage.getItem(absolutePath));
-					if(cachedFiles == null){
-						cachedFiles = [];
-					}
-
-					this.files = cachedFiles;
-
-					this.self = cachedFiles.self;
-
-					this.loading = false;
+		changeSort (column) {
+			if (this.pagination.sortBy === column) {
+				this.pagination.descending = !this.pagination.descending
+			} else {
+				this.pagination.sortBy = column
+				this.pagination.descending = false
+			}
+		},
 
-					this.resetFileSelection();
-				}
-			},
+		navigateTo (route , param) {
+       this.$router.push({
+         'name': route,
+				 'params': {
+					 'item': param
+				 }
+       })
+    },
+
+		openFile (file) {
+			this.sheet = true
+			let files = file.name.split('/')
+			let myFile = files.slice(-1)
+
+			this.fileAction = file
+		},
 
-			async createNewFolder(newFolderName) {
-				if(newFolderName !== ''){
-					this.$uikit.dropdown(this.$refs.newFolderDropdown).hide();
-					try {
-						let res = await this.$client.files.createFolder(((this.item === 'home') ? '/' : this.item) + newFolderName);
-						this.loadFolder();
-					}
-					catch (err) {
-						if(err === 'The resource you tried to create already exists') {
-							this.$uikit.notification({
-								message: err,
-								status: 'danger',
-								pos: 'top-center'
-							});
-						}else{
-							//TODO
-							console.log(err);
-						}
-					}
-				}else{
-					this.$uikit.notification({
-						message: 'Please enter a folder name',
-						status: 'danger',
-						pos: 'top-center'
-					});
+		addNewFile (fileName, path) {
+			this.createFile = !this.createFile
+			if(fileName !== ''){
+				if(path === 'home'){
+					path = '/'
 				}
-			},
-
-			resetFileSelection() {
-				this.$store.dispatch('files/RESET_SELECTION')
-			},
-
-			toggleFileSelect(item) {
-				if (this.isChecked(item))
-					this.$store.dispatch('files/REMOVE_FILE_SELECTION', item);
-				else
-					this.$store.dispatch('files/ADD_FILE_SELECTION', item);
-			},
+				console.log('addNewFile', fileName, 'pathToAddto', path)
+				// this.$client.files.putFile().then(res => {
+				// 		console.log(res)
+				// }).catch(console.info)
+			}
 
-			isChecked(item) {
-				return _includes(this.selected, item);
-			},
+		},
 
-            ifFiltered(item) {
-                if(item.type === 'folder'){
-                	return this.filterBy.folder;
-                } else {
-                    if (item.name.startsWith('.')) {
-                        return this.filterBy.hidden;
-                    } else{
-                        return this.filterBy.files;
-                    }
-				}
-            },
+		addNewFolder (folderName){
+			this.createFolder = !this.createFolder
+			if(folderName !== ''){
+				this.createFolder = !this.createFolder
+				this.$client.files.createFolder(((this.item === 'home') ? '' : this.item) + '/' + folderName)
+				.then(() => {
+					this.getFolder();
+					this.newFolderName = '';
+				})
+				.catch(console.error)
+			}
+		},
 
-			async onDrop(dropLocation, dropData, dragData, event) {
-				try {
-					if (dropLocation === 'file-list' && dropData.type === 'folder') {
-						await this.$client.files.move(dragData.path, dropData.path + dragData.name);
-						this.loadFolder();
-					} else if (dropLocation === 'breadcrumb') {
-						await this.$client.files.move(dragData.path, dropData + '/' + dragData.name);
-						this.loadFolder();
+		ifFiltered(item) {
+				for(let filter of this.filters) {
+					if(item.type === filter.tag){
+						return filter.value
+					}
+					else if(item.name.startsWith('.')) {
+						return this.filters[2].value
 					}
 				}
-				catch (err) {
-					//TODO
-					console.log(err);
-				}
-            }
 		},
-		watch: {
-			item () {
-				this.loadFolder();
+
+		getFileSize(file) {
+			if (file.type === 'dir') {
+				return file['fileInfo']['{DAV:}quota-used-bytes'] / 100
+			} else {
+				return file['fileInfo']['{DAV:}getcontentlength'] / 100
 			}
 		},
-		computed: {
-			selected () {
-				return this.$store.getters['files/SELECTED'];
-			},
-
-			item() {
-				return this.$route.params.item;
-			},
 
-			typeOfFolder() {
-				return _filter(this.files, ['extension', false])
-			},
-
-			typeOfFile(showHidden) {
-				showHidden = (typeof showHidden !== 'undefined') ? showHidden : false;
-				return _filter(this.files, 'extension')
-			},
-
-			iAmActive () {
-				return this.$route.name === 'file-list';
+		getFolder () {
+			if (!this.iAmActive){
+				return false
 			}
-		}
-	}
-</script>
-
-<style lang="less">
-
-	#files-app {
-		._scroll_container {
-			display: block;
-			overflow-x: hidden;
-			overflow-y: auto;
+			this.path = []
+			let absolutePath = this.$route.params.item === 'home' ? '/' : this.route.params.item
+			this.$client.files.list(absolutePath, 1, [
+			    '{http://owncloud.org/ns}favorite',
+				'{DAV:}getcontentlength',
+				'{http://owncloud.org/ns}size',
+				'{DAV:}getlastmodified',
+                '{DAV:}resourcetype'
+			]).then(res => {
+
+				this.files = res.splice(1).map(file => {
+					return ({
+						type    : (file.type === 'dir') ? 'folder' : file.type,
+						starred : file['fileInfo']['{http://owncloud.org/ns}favorite'] !== '0',
+						mdate   : file['fileInfo']['{DAV:}getlastmodified'],
+						cdate   : '',    // TODO: Retrieve data of creation of a file
+						size    : function () {
+						if (file.type === 'dir') {
+							return file['fileInfo']['{http://owncloud.org/ns}size'] / 100
+						} else {
+							return file['fileInfo']['{DAV:}getcontentlength'] / 100
+						}
+					}(),
+						extension: (file.type === 'dir') ? false : '',
+						name    : function () {
+							let pathList = file.name.split("/").filter(e => e !== "")
+							return pathList[pathList.length - 1];
+						}(),
+						path    : file.name,
+						id      : file['fileInfo']['{DAV:}getetag']
+					})
+				});
 
-			&::-webkit-scrollbar {
-				background-color: #f8f8f8;
-				width: 5px;
-			}
+				this.loadFiles(this.files);
 
-			&::-webkit-scrollbar-track {
-				-webkit-box-shadow: none;
-			}
+				this.self = files.self;
 
-			&::-webkit-scrollbar-thumb {
-				background-color: #e5e5e5;
-			}
+				this.resetFileSelection();
+			})
 		}
-	}
+	},
 
-    .move-down {
-        top: 60px
-    }
-	.burger {
-		font-size: 24px; // keep original font size for material icons
-	}
-
-	.material-icon {
-		&.-x075 {
-			font-size: 75%;
+	watch: {
+		item () {
+			this.getFolder();
 		}
-	}
-
-	.cursor-pointer {
-		cursor: pointer;
-	}
-
-	.oc-highlight {
-		color: #E56F35;
-	}
-
-	.uk-iconnav li {
-		height: 24px;
-	}
+	},
 
-	._is-selected {
-		background-color: #f8f8f8;
-	}
+	computed: {
+		...mapState(['route']),
+		...mapGetters('files', ['selectedFiles']),
 
-	._is-starred {
-		color: #faa05a;
-	}
+			filteredFiles() {
+			return filter(this.files, (file) => {
+				return this.ifFiltered(file)
+			})
+		},
 
-	.material-icons.uk-position-center-left {
+		getRoutes() {
+			this.breadcrumbs = [];
+			let breadcrumb = {};
+			let absolutePath = this.route.params.item;
+			let pathSplit  = absolutePath.split('/').filter((val) => val);
+			if(!_includes(pathSplit, 'home')){
+					breadcrumb.text = 'home'
+					breadcrumb.route = breadcrumb.text
+					this.breadcrumbs.push(breadcrumb);
+					breadcrumb = {}
+			}
+				for (let i = 0; i < pathSplit.length; i++) {
+					breadcrumb.text = pathSplit.slice(0, i + 1)[i]
+					breadcrumb.route = '/' + pathSplit.slice(0, i + 1).join('/')
+					this.breadcrumbs.push(breadcrumb);
+					breadcrumb = {}
+				}
+			return this.breadcrumbs
+		},
 
-		transform: translateY(-55%);
+		item() {
+			return this.$route.params.item;
+		},
 
-		+ span {
-			padding-left: 30px;
+		iAmActive () {
+			return this.$route.name === 'file-list';
 		}
 	}
-</style>
+}
+</script>
diff --git a/apps/files/src/default.js b/apps/files/src/default.js
index 980b4b329a9..88dc1765f16 100644
--- a/apps/files/src/default.js
+++ b/apps/files/src/default.js
@@ -1,4 +1,5 @@
 const pkg = require('../package.json');
+const store = require('./store.js')
 
 // --- Navigation Item(s) ------------------------------------------------------
 
@@ -13,6 +14,8 @@ const navItems = [{
 	}
 }];
 
+const appName = "files"
+
 import FilesApp from './components/Files-App.vue';
 
 const routes = [{
@@ -23,6 +26,8 @@ const routes = [{
 }];
 
 export default define({
+	appName,
+	store,
 	routes,
 	navItems
 });
diff --git a/apps/files/src/mixins.js b/apps/files/src/mixins.js
index 8f4da07b071..61163e4f0ab 100644
--- a/apps/files/src/mixins.js
+++ b/apps/files/src/mixins.js
@@ -42,6 +42,10 @@ export default {
 
 			return '<span class="' + cssClass.join(' ') + '">' + string + '</span>';
 		},
+		typeOfFile(showHidden) {
+			showHidden = (typeof showHidden !== 'undefined') ? showHidden : false;
+			return _filter(this.files, 'extension')
+		},
 		endOfDummy() {
 			UIkit.notification({
 				message: 'Not supported in the clickdummy',
diff --git a/apps/files/src/store.js b/apps/files/src/store.js
index 8c28f8bbedf..3eab7f5f3c6 100644
--- a/apps/files/src/store.js
+++ b/apps/files/src/store.js
@@ -1,44 +1,60 @@
 const _without = require('lodash/without');
 
-export default {
-	namespaced: true,
-	state: {
-		selected: []
-	},
-	mutations: {
-		ADD_FILE_SELECTION(state, file) {
-			state.selected.push(file);
-		},
-		REMOVE_FILE_SELECTION(state, file) {
-			if (state.selected.length > 1) {
-				state.selected = _without(state.selected, file);
-				return;
-			}
+const namespaced = true
 
-			state.selected = [];
-		},
-		RESET_SELECTION(state) {
-			state.selected = [];
-		}
+const state = {
+	files: [],
+	selected: []
+}
+
+const mutations = {
+	LOAD_FILES(state, files) {
+		state.files = files
 	},
-	actions: {
-		ADD_FILE_SELECTION(context, file) {
-			context.commit('ADD_FILE_SELECTION', file);
-		},
-		REMOVE_FILE_SELECTION(context, file) {
-			context.commit('REMOVE_FILE_SELECTION', file);
-		},
-		RESET_SELECTION(context) {
-			context.commit('RESET_SELECTION');
+	ADD_FILE_SELECTION(state, file) {
+		state.selected.push(file);
+	},
+	REMOVE_FILE_SELECTION(state, file) {
+		if (state.selected.length > 1) {
+			state.selected = _without(state.selected, file);
+			return;
 		}
+		state.selected = [];
+	},
+	RESET_SELECTION(state) {
+		state.selected = [];
+	}
+}
+
+const actions = {
+	loadFiles(context, files) {
+		context.commit('LOAD_FILES', files);
+	},
+	addFileSelection(context, file) {
+		context.commit('ADD_FILE_SELECTION', file);
 	},
-	getters: {
-		SELECTED: state => {
-			if (state.selected.length === 0) {
-				return false;
-			} else {
-				return state.selected;
-			}
+	removeFileSelection(context, file) {
+		context.commit('REMOVE_FILE_SELECTION', file);
+	},
+	resetFileSelection(context) {
+		context.commit('RESET_SELECTION');
+	}
+}
+
+const getters = {
+	selectedFiles: state => {
+		if (state.selected.length === 0) {
+			return false;
+		} else {
+			return state.selected;
 		}
 	}
-};
+}
+
+export default {
+	namespaced,
+  state,
+  actions,
+  mutations,
+  getters
+}
diff --git a/apps/files/webpack.common.js b/apps/files/webpack.common.js
index 98a55c0e702..944802ca0f0 100644
--- a/apps/files/webpack.common.js
+++ b/apps/files/webpack.common.js
@@ -1,4 +1,9 @@
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
+
 module.exports = {
+	plugins: [
+		new VueLoaderPlugin()
+	],
 	entry: './src/default.js',
 	output : {
 		path: `${__dirname}/js`,
diff --git a/apps/files/yarn.lock b/apps/files/yarn.lock
index b87122c4f7b..f461891351d 100644
--- a/apps/files/yarn.lock
+++ b/apps/files/yarn.lock
@@ -8,12 +8,27 @@
   integrity sha512-WiZhq3SVJHFRgRYLXvpf65XnV6ipVHhnNaNvE8yCimejrGglkg38kEj0JcizqwSHxmPSjcTlig/6JouxLGEhGw==
 
 "@types/babylon@^6.16.2":
-  version "6.16.3"
-  resolved "https://registry.yarnpkg.com/@types/babylon/-/babylon-6.16.3.tgz#c2937813a89fcb5e79a00062fc4a8b143e7237bb"
-  integrity sha512-lyJ8sW1PbY3uwuvpOBZ9zMYKshMnQpXmeDHh8dj9j2nJm/xrW0FgB5gLSYOArj5X0IfaXnmhFoJnhS4KbqIMug==
+  version "6.16.4"
+  resolved "https://registry.yarnpkg.com/@types/babylon/-/babylon-6.16.4.tgz#d3df72518b34a6a015d0dc58745cd238b5bb8ad2"
+  integrity sha512-8dZMcGPno3g7pJ/d0AyJERo+lXh9i1JhDuCUs+4lNIN9eUe5Yh6UCLrpgSEi05Ve2JMLauL2aozdvKwNL0px1Q==
   dependencies:
     "@types/babel-types" "*"
 
+"@vue/component-compiler-utils@^2.0.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-2.3.0.tgz#4f580f1b28fc7685859d87ea0e92a1c0271c93da"
+  integrity sha512-4RB1mow8IO2X0/86plKhflMJYSiSn3sWHiqVob8s/LCADFMHSaFRTQp5GdqvjvlGmwjhdn2dzDQik+RLjTx/5g==
+  dependencies:
+    consolidate "^0.15.1"
+    hash-sum "^1.0.2"
+    lru-cache "^4.1.2"
+    merge-source-map "^1.1.0"
+    postcss "^6.0.20"
+    postcss-selector-parser "^3.1.1"
+    prettier "1.13.7"
+    source-map "^0.5.6"
+    vue-template-es2015-compiler "^1.6.0"
+
 "@webassemblyjs/ast@1.7.10":
   version "1.7.10"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.7.10.tgz#0cfc61d61286240b72fc522cb755613699eea40a"
@@ -278,13 +293,6 @@ are-we-there-yet@~1.1.2:
     delegates "^1.0.0"
     readable-stream "^2.0.6"
 
-argparse@^1.0.7:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
-  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
-  dependencies:
-    sprintf-js "~1.0.2"
-
 arr-diff@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
@@ -377,7 +385,499 @@ babel-code-frame@^6.26.0:
     esutils "^2.0.2"
     js-tokens "^3.0.2"
 
-babel-runtime@^6.26.0:
+babel-core@^6.26.0, babel-core@^6.26.3:
+  version "6.26.3"
+  resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-6.26.3.tgz#b2e2f09e342d0f0c88e2f02e067794125e75c207"
+  integrity sha512-6jyFLuDmeidKmUEb3NM+/yawG0M2bDZ9Z1qbZP59cyHLz8kYGKYwpJP0UwUKKUiTRNvxfLesJnTedqczP7cTDA==
+  dependencies:
+    babel-code-frame "^6.26.0"
+    babel-generator "^6.26.0"
+    babel-helpers "^6.24.1"
+    babel-messages "^6.23.0"
+    babel-register "^6.26.0"
+    babel-runtime "^6.26.0"
+    babel-template "^6.26.0"
+    babel-traverse "^6.26.0"
+    babel-types "^6.26.0"
+    babylon "^6.18.0"
+    convert-source-map "^1.5.1"
+    debug "^2.6.9"
+    json5 "^0.5.1"
+    lodash "^4.17.4"
+    minimatch "^3.0.4"
+    path-is-absolute "^1.0.1"
+    private "^0.1.8"
+    slash "^1.0.0"
+    source-map "^0.5.7"
+
+babel-generator@^6.26.0:
+  version "6.26.1"
+  resolved "https://registry.yarnpkg.com/babel-generator/-/babel-generator-6.26.1.tgz#1844408d3b8f0d35a404ea7ac180f087a601bd90"
+  integrity sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==
+  dependencies:
+    babel-messages "^6.23.0"
+    babel-runtime "^6.26.0"
+    babel-types "^6.26.0"
+    detect-indent "^4.0.0"
+    jsesc "^1.3.0"
+    lodash "^4.17.4"
+    source-map "^0.5.7"
+    trim-right "^1.0.1"
+
+babel-helper-builder-binary-assignment-operator-visitor@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz#cce4517ada356f4220bcae8a02c2b346f9a56664"
+  integrity sha1-zORReto1b0IgvK6KAsKzRvmlZmQ=
+  dependencies:
+    babel-helper-explode-assignable-expression "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-helper-call-delegate@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-call-delegate/-/babel-helper-call-delegate-6.24.1.tgz#ece6aacddc76e41c3461f88bfc575bd0daa2df8d"
+  integrity sha1-7Oaqzdx25Bw0YfiL/Fdb0Nqi340=
+  dependencies:
+    babel-helper-hoist-variables "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-define-map@^6.24.1:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-define-map/-/babel-helper-define-map-6.26.0.tgz#a5f56dab41a25f97ecb498c7ebaca9819f95be5f"
+  integrity sha1-pfVtq0GiX5fstJjH66ypgZ+Vvl8=
+  dependencies:
+    babel-helper-function-name "^6.24.1"
+    babel-runtime "^6.26.0"
+    babel-types "^6.26.0"
+    lodash "^4.17.4"
+
+babel-helper-explode-assignable-expression@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-explode-assignable-expression/-/babel-helper-explode-assignable-expression-6.24.1.tgz#f25b82cf7dc10433c55f70592d5746400ac22caa"
+  integrity sha1-8luCz33BBDPFX3BZLVdGQArCLKo=
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-function-name@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-function-name/-/babel-helper-function-name-6.24.1.tgz#d3475b8c03ed98242a25b48351ab18399d3580a9"
+  integrity sha1-00dbjAPtmCQqJbSDUasYOZ01gKk=
+  dependencies:
+    babel-helper-get-function-arity "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-get-function-arity@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-get-function-arity/-/babel-helper-get-function-arity-6.24.1.tgz#8f7782aa93407c41d3aa50908f89b031b1b6853d"
+  integrity sha1-j3eCqpNAfEHTqlCQj4mwMbG2hT0=
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-helper-hoist-variables@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.24.1.tgz#1ecb27689c9d25513eadbc9914a73f5408be7a76"
+  integrity sha1-HssnaJydJVE+rbyZFKc/VAi+enY=
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-helper-optimise-call-expression@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-optimise-call-expression/-/babel-helper-optimise-call-expression-6.24.1.tgz#f7a13427ba9f73f8f4fa993c54a97882d1244257"
+  integrity sha1-96E0J7qfc/j0+pk8VKl4gtEkQlc=
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-helper-regex@^6.24.1:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-regex/-/babel-helper-regex-6.26.0.tgz#325c59f902f82f24b74faceed0363954f6495e72"
+  integrity sha1-MlxZ+QL4LyS3T6zu0DY5VPZJXnI=
+  dependencies:
+    babel-runtime "^6.26.0"
+    babel-types "^6.26.0"
+    lodash "^4.17.4"
+
+babel-helper-remap-async-to-generator@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-remap-async-to-generator/-/babel-helper-remap-async-to-generator-6.24.1.tgz#5ec581827ad723fecdd381f1c928390676e4551b"
+  integrity sha1-XsWBgnrXI/7N04HxySg5BnbkVRs=
+  dependencies:
+    babel-helper-function-name "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-replace-supers@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-replace-supers/-/babel-helper-replace-supers-6.24.1.tgz#bf6dbfe43938d17369a213ca8a8bf74b6a90ab1a"
+  integrity sha1-v22/5Dk40XNpohPKiov3S2qQqxo=
+  dependencies:
+    babel-helper-optimise-call-expression "^6.24.1"
+    babel-messages "^6.23.0"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helpers@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helpers/-/babel-helpers-6.24.1.tgz#3471de9caec388e5c850e597e58a26ddf37602b2"
+  integrity sha1-NHHenK7DiOXIUOWX5Yom3fN2ArI=
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-loader@^7.1.5:
+  version "7.1.5"
+  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-7.1.5.tgz#e3ee0cd7394aa557e013b02d3e492bfd07aa6d68"
+  integrity sha512-iCHfbieL5d1LfOQeeVJEUyD9rTwBcP/fcEbRCfempxTDuqrKpu0AZjLAQHEQa3Yqyj9ORKe2iHfoj4rHLf7xpw==
+  dependencies:
+    find-cache-dir "^1.0.0"
+    loader-utils "^1.0.2"
+    mkdirp "^0.5.1"
+
+babel-messages@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-messages/-/babel-messages-6.23.0.tgz#f3cdf4703858035b2a2951c6ec5edf6c62f2630e"
+  integrity sha1-8830cDhYA1sqKVHG7F7fbGLyYw4=
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-check-es2015-constants@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz#35157b101426fd2ffd3da3f75c7d1e91835bbf8a"
+  integrity sha1-NRV7EBQm/S/9PaP3XH0ekYNbv4o=
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-syntax-async-functions@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz#cad9cad1191b5ad634bf30ae0872391e0647be95"
+  integrity sha1-ytnK0RkbWtY0vzCuCHI5HgZHvpU=
+
+babel-plugin-syntax-exponentiation-operator@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz#9ee7e8337290da95288201a6a57f4170317830de"
+  integrity sha1-nufoM3KQ2pUoggGmpX9BcDF4MN4=
+
+babel-plugin-syntax-trailing-function-commas@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz#ba0360937f8d06e40180a43fe0d5616fff532cf3"
+  integrity sha1-ugNgk3+NBuQBgKQ/4NVhb/9TLPM=
+
+babel-plugin-transform-async-to-generator@^6.22.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.24.1.tgz#6536e378aff6cb1d5517ac0e40eb3e9fc8d08761"
+  integrity sha1-ZTbjeK/2yx1VF6wOQOs+n8jQh2E=
+  dependencies:
+    babel-helper-remap-async-to-generator "^6.24.1"
+    babel-plugin-syntax-async-functions "^6.8.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-arrow-functions@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz#452692cb711d5f79dc7f85e440ce41b9f244d221"
+  integrity sha1-RSaSy3EdX3ncf4XkQM5BufJE0iE=
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-block-scoped-functions@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz#bbc51b49f964d70cb8d8e0b94e820246ce3a6141"
+  integrity sha1-u8UbSflk1wy42OC5ToICRs46YUE=
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-block-scoping@^6.23.0, babel-plugin-transform-es2015-block-scoping@^6.24.1:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz#d70f5299c1308d05c12f463813b0a09e73b1895f"
+  integrity sha1-1w9SmcEwjQXBL0Y4E7CgnnOxiV8=
+  dependencies:
+    babel-runtime "^6.26.0"
+    babel-template "^6.26.0"
+    babel-traverse "^6.26.0"
+    babel-types "^6.26.0"
+    lodash "^4.17.4"
+
+babel-plugin-transform-es2015-classes@^6.23.0, babel-plugin-transform-es2015-classes@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-classes/-/babel-plugin-transform-es2015-classes-6.24.1.tgz#5a4c58a50c9c9461e564b4b2a3bfabc97a2584db"
+  integrity sha1-WkxYpQyclGHlZLSyo7+ryXolhNs=
+  dependencies:
+    babel-helper-define-map "^6.24.1"
+    babel-helper-function-name "^6.24.1"
+    babel-helper-optimise-call-expression "^6.24.1"
+    babel-helper-replace-supers "^6.24.1"
+    babel-messages "^6.23.0"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-computed-properties@^6.22.0, babel-plugin-transform-es2015-computed-properties@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-computed-properties/-/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz#6fe2a8d16895d5634f4cd999b6d3480a308159b3"
+  integrity sha1-b+Ko0WiV1WNPTNmZttNICjCBWbM=
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-plugin-transform-es2015-destructuring@^6.22.0, babel-plugin-transform-es2015-destructuring@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.23.0.tgz#997bb1f1ab967f682d2b0876fe358d60e765c56d"
+  integrity sha1-mXux8auWf2gtKwh2/jWNYOdlxW0=
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-duplicate-keys@^6.22.0, babel-plugin-transform-es2015-duplicate-keys@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz#73eb3d310ca969e3ef9ec91c53741a6f1576423e"
+  integrity sha1-c+s9MQypaePvnskcU3QabxV2Qj4=
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-for-of@^6.22.0, babel-plugin-transform-es2015-for-of@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-for-of/-/babel-plugin-transform-es2015-for-of-6.23.0.tgz#f47c95b2b613df1d3ecc2fdb7573623c75248691"
+  integrity sha1-9HyVsrYT3x0+zC/bdXNiPHUkhpE=
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-function-name@^6.22.0, babel-plugin-transform-es2015-function-name@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.24.1.tgz#834c89853bc36b1af0f3a4c5dbaa94fd8eacaa8b"
+  integrity sha1-g0yJhTvDaxrw86TF26qU/Y6sqos=
+  dependencies:
+    babel-helper-function-name "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-literals@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-literals/-/babel-plugin-transform-es2015-literals-6.22.0.tgz#4f54a02d6cd66cf915280019a31d31925377ca2e"
+  integrity sha1-T1SgLWzWbPkVKAAZox0xklN3yi4=
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-modules-amd@^6.22.0, babel-plugin-transform-es2015-modules-amd@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz#3b3e54017239842d6d19c3011c4bd2f00a00d154"
+  integrity sha1-Oz5UAXI5hC1tGcMBHEvS8AoA0VQ=
+  dependencies:
+    babel-plugin-transform-es2015-modules-commonjs "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-plugin-transform-es2015-modules-commonjs@^6.23.0, babel-plugin-transform-es2015-modules-commonjs@^6.24.1:
+  version "6.26.2"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.26.2.tgz#58a793863a9e7ca870bdc5a881117ffac27db6f3"
+  integrity sha512-CV9ROOHEdrjcwhIaJNBGMBCodN+1cfkwtM1SbUHmvyy35KGT7fohbpOxkE2uLz1o6odKK2Ck/tz47z+VqQfi9Q==
+  dependencies:
+    babel-plugin-transform-strict-mode "^6.24.1"
+    babel-runtime "^6.26.0"
+    babel-template "^6.26.0"
+    babel-types "^6.26.0"
+
+babel-plugin-transform-es2015-modules-systemjs@^6.23.0, babel-plugin-transform-es2015-modules-systemjs@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz#ff89a142b9119a906195f5f106ecf305d9407d23"
+  integrity sha1-/4mhQrkRmpBhlfXxBuzzBdlAfSM=
+  dependencies:
+    babel-helper-hoist-variables "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-plugin-transform-es2015-modules-umd@^6.23.0, babel-plugin-transform-es2015-modules-umd@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-umd/-/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz#ac997e6285cd18ed6176adb607d602344ad38468"
+  integrity sha1-rJl+YoXNGO1hdq22B9YCNErThGg=
+  dependencies:
+    babel-plugin-transform-es2015-modules-amd "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-plugin-transform-es2015-object-super@^6.22.0, babel-plugin-transform-es2015-object-super@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-object-super/-/babel-plugin-transform-es2015-object-super-6.24.1.tgz#24cef69ae21cb83a7f8603dad021f572eb278f8d"
+  integrity sha1-JM72muIcuDp/hgPa0CH1cusnj40=
+  dependencies:
+    babel-helper-replace-supers "^6.24.1"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-parameters@^6.23.0, babel-plugin-transform-es2015-parameters@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.24.1.tgz#57ac351ab49caf14a97cd13b09f66fdf0a625f2b"
+  integrity sha1-V6w1GrScrxSpfNE7CfZv3wpiXys=
+  dependencies:
+    babel-helper-call-delegate "^6.24.1"
+    babel-helper-get-function-arity "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-shorthand-properties@^6.22.0, babel-plugin-transform-es2015-shorthand-properties@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-shorthand-properties/-/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz#24f875d6721c87661bbd99a4622e51f14de38aa0"
+  integrity sha1-JPh11nIch2YbvZmkYi5R8U3jiqA=
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-spread@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-spread/-/babel-plugin-transform-es2015-spread-6.22.0.tgz#d6d68a99f89aedc4536c81a542e8dd9f1746f8d1"
+  integrity sha1-1taKmfia7cRTbIGlQujdnxdG+NE=
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-sticky-regex@^6.22.0, babel-plugin-transform-es2015-sticky-regex@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz#00c1cdb1aca71112cdf0cf6126c2ed6b457ccdbc"
+  integrity sha1-AMHNsaynERLN8M9hJsLta0V8zbw=
+  dependencies:
+    babel-helper-regex "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-template-literals@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-template-literals/-/babel-plugin-transform-es2015-template-literals-6.22.0.tgz#a84b3450f7e9f8f1f6839d6d687da84bb1236d8d"
+  integrity sha1-qEs0UPfp+PH2g51taH2oS7EjbY0=
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-typeof-symbol@^6.22.0, babel-plugin-transform-es2015-typeof-symbol@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz#dec09f1cddff94b52ac73d505c84df59dcceb372"
+  integrity sha1-3sCfHN3/lLUqxz1QXITfWdzOs3I=
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-unicode-regex@^6.22.0, babel-plugin-transform-es2015-unicode-regex@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz#d38b12f42ea7323f729387f18a7c5ae1faeb35e9"
+  integrity sha1-04sS9C6nMj9yk4fxinxa4frrNek=
+  dependencies:
+    babel-helper-regex "^6.24.1"
+    babel-runtime "^6.22.0"
+    regexpu-core "^2.0.0"
+
+babel-plugin-transform-exponentiation-operator@^6.22.0:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.24.1.tgz#2ab0c9c7f3098fa48907772bb813fe41e8de3a0e"
+  integrity sha1-KrDJx/MJj6SJB3cruBP+QejeOg4=
+  dependencies:
+    babel-helper-builder-binary-assignment-operator-visitor "^6.24.1"
+    babel-plugin-syntax-exponentiation-operator "^6.8.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-regenerator@^6.22.0, babel-plugin-transform-regenerator@^6.24.1:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.26.0.tgz#e0703696fbde27f0a3efcacf8b4dca2f7b3a8f2f"
+  integrity sha1-4HA2lvveJ/Cj78rPi03KL3s6jy8=
+  dependencies:
+    regenerator-transform "^0.10.0"
+
+babel-plugin-transform-strict-mode@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz#d5faf7aa578a65bbe591cf5edae04a0c67020758"
+  integrity sha1-1fr3qleKZbvlkc9e2uBKDGcCB1g=
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-preset-env@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-env/-/babel-preset-env-1.7.0.tgz#dea79fa4ebeb883cd35dab07e260c1c9c04df77a"
+  integrity sha512-9OR2afuKDneX2/q2EurSftUYM0xGu4O2D9adAhVfADDhrYDaxXV0rBbevVYoY9n6nyX1PmQW/0jtpJvUNr9CHg==
+  dependencies:
+    babel-plugin-check-es2015-constants "^6.22.0"
+    babel-plugin-syntax-trailing-function-commas "^6.22.0"
+    babel-plugin-transform-async-to-generator "^6.22.0"
+    babel-plugin-transform-es2015-arrow-functions "^6.22.0"
+    babel-plugin-transform-es2015-block-scoped-functions "^6.22.0"
+    babel-plugin-transform-es2015-block-scoping "^6.23.0"
+    babel-plugin-transform-es2015-classes "^6.23.0"
+    babel-plugin-transform-es2015-computed-properties "^6.22.0"
+    babel-plugin-transform-es2015-destructuring "^6.23.0"
+    babel-plugin-transform-es2015-duplicate-keys "^6.22.0"
+    babel-plugin-transform-es2015-for-of "^6.23.0"
+    babel-plugin-transform-es2015-function-name "^6.22.0"
+    babel-plugin-transform-es2015-literals "^6.22.0"
+    babel-plugin-transform-es2015-modules-amd "^6.22.0"
+    babel-plugin-transform-es2015-modules-commonjs "^6.23.0"
+    babel-plugin-transform-es2015-modules-systemjs "^6.23.0"
+    babel-plugin-transform-es2015-modules-umd "^6.23.0"
+    babel-plugin-transform-es2015-object-super "^6.22.0"
+    babel-plugin-transform-es2015-parameters "^6.23.0"
+    babel-plugin-transform-es2015-shorthand-properties "^6.22.0"
+    babel-plugin-transform-es2015-spread "^6.22.0"
+    babel-plugin-transform-es2015-sticky-regex "^6.22.0"
+    babel-plugin-transform-es2015-template-literals "^6.22.0"
+    babel-plugin-transform-es2015-typeof-symbol "^6.23.0"
+    babel-plugin-transform-es2015-unicode-regex "^6.22.0"
+    babel-plugin-transform-exponentiation-operator "^6.22.0"
+    babel-plugin-transform-regenerator "^6.22.0"
+    browserslist "^3.2.6"
+    invariant "^2.2.2"
+    semver "^5.3.0"
+
+babel-preset-es2015@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-es2015/-/babel-preset-es2015-6.24.1.tgz#d44050d6bc2c9feea702aaf38d727a0210538939"
+  integrity sha1-1EBQ1rwsn+6nAqrzjXJ6AhBTiTk=
+  dependencies:
+    babel-plugin-check-es2015-constants "^6.22.0"
+    babel-plugin-transform-es2015-arrow-functions "^6.22.0"
+    babel-plugin-transform-es2015-block-scoped-functions "^6.22.0"
+    babel-plugin-transform-es2015-block-scoping "^6.24.1"
+    babel-plugin-transform-es2015-classes "^6.24.1"
+    babel-plugin-transform-es2015-computed-properties "^6.24.1"
+    babel-plugin-transform-es2015-destructuring "^6.22.0"
+    babel-plugin-transform-es2015-duplicate-keys "^6.24.1"
+    babel-plugin-transform-es2015-for-of "^6.22.0"
+    babel-plugin-transform-es2015-function-name "^6.24.1"
+    babel-plugin-transform-es2015-literals "^6.22.0"
+    babel-plugin-transform-es2015-modules-amd "^6.24.1"
+    babel-plugin-transform-es2015-modules-commonjs "^6.24.1"
+    babel-plugin-transform-es2015-modules-systemjs "^6.24.1"
+    babel-plugin-transform-es2015-modules-umd "^6.24.1"
+    babel-plugin-transform-es2015-object-super "^6.24.1"
+    babel-plugin-transform-es2015-parameters "^6.24.1"
+    babel-plugin-transform-es2015-shorthand-properties "^6.24.1"
+    babel-plugin-transform-es2015-spread "^6.22.0"
+    babel-plugin-transform-es2015-sticky-regex "^6.24.1"
+    babel-plugin-transform-es2015-template-literals "^6.22.0"
+    babel-plugin-transform-es2015-typeof-symbol "^6.22.0"
+    babel-plugin-transform-es2015-unicode-regex "^6.24.1"
+    babel-plugin-transform-regenerator "^6.24.1"
+
+babel-register@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-register/-/babel-register-6.26.0.tgz#6ed021173e2fcb486d7acb45c6009a856f647071"
+  integrity sha1-btAhFz4vy0htestFxgCahW9kcHE=
+  dependencies:
+    babel-core "^6.26.0"
+    babel-runtime "^6.26.0"
+    core-js "^2.5.0"
+    home-or-tmp "^2.0.0"
+    lodash "^4.17.4"
+    mkdirp "^0.5.1"
+    source-map-support "^0.4.15"
+
+babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
   integrity sha1-llxwWGaOgrVde/4E/yM3vItWR/4=
@@ -385,7 +885,33 @@ babel-runtime@^6.26.0:
     core-js "^2.4.0"
     regenerator-runtime "^0.11.0"
 
-babel-types@^6.26.0:
+babel-template@^6.24.1, babel-template@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-template/-/babel-template-6.26.0.tgz#de03e2d16396b069f46dd9fff8521fb1a0e35e02"
+  integrity sha1-3gPi0WOWsGn0bdn/+FIfsaDjXgI=
+  dependencies:
+    babel-runtime "^6.26.0"
+    babel-traverse "^6.26.0"
+    babel-types "^6.26.0"
+    babylon "^6.18.0"
+    lodash "^4.17.4"
+
+babel-traverse@^6.24.1, babel-traverse@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-traverse/-/babel-traverse-6.26.0.tgz#46a9cbd7edcc62c8e5c064e2d2d8d0f4035766ee"
+  integrity sha1-RqnL1+3MYsjlwGTi0tjQ9ANXZu4=
+  dependencies:
+    babel-code-frame "^6.26.0"
+    babel-messages "^6.23.0"
+    babel-runtime "^6.26.0"
+    babel-types "^6.26.0"
+    babylon "^6.18.0"
+    debug "^2.6.8"
+    globals "^9.18.0"
+    invariant "^2.2.2"
+    lodash "^4.17.4"
+
+babel-types@^6.19.0, babel-types@^6.24.1, babel-types@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.26.0.tgz#a3b073f94ab49eb6fa55cd65227a334380632497"
   integrity sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=
@@ -395,6 +921,11 @@ babel-types@^6.26.0:
     lodash "^4.17.4"
     to-fast-properties "^1.0.3"
 
+babel@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel/-/babel-6.23.0.tgz#d0d1e7d803e974765beea3232d4e153c0efb90f4"
+  integrity sha1-0NHn2APpdHZb7qMjLU4VPA77kPQ=
+
 babylon@^6.18.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"
@@ -538,6 +1069,14 @@ browserify-zlib@^0.2.0:
   dependencies:
     pako "~1.0.5"
 
+browserslist@^3.2.6:
+  version "3.2.8"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-3.2.8.tgz#b0005361d6471f0f5952797a76fc985f1f978fc6"
+  integrity sha512-WHVocJYavUwVgVViC0ORikPHQquXwVh939TaelZ4WDqpWgTX/FsGhl/+P4qBUAGcRvtOgDgC+xftNWWp2RUTAQ==
+  dependencies:
+    caniuse-lite "^1.0.30000844"
+    electron-to-chromium "^1.3.47"
+
 buffer-from@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
@@ -606,6 +1145,11 @@ camelcase@^4.1.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
   integrity sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=
 
+caniuse-lite@^1.0.30000844:
+  version "1.0.30000907"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000907.tgz#0b9899bde53fb1c30e214fb12402361e02ff5c42"
+  integrity sha512-No5sQ/OB2Nmka8MNOOM6nJx+Hxt6MQ6h7t7kgJFu9oTuwjykyKRSBP/+i/QAyFHxeHB+ddE0Da1CG5ihx9oehQ==
+
 caseless@~0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
@@ -805,10 +1349,10 @@ console-control-strings@^1.0.0, console-control-strings@~1.1.0:
   resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
   integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=
 
-consolidate@^0.14.0:
-  version "0.14.5"
-  resolved "https://registry.yarnpkg.com/consolidate/-/consolidate-0.14.5.tgz#5a25047bc76f73072667c8cb52c989888f494c63"
-  integrity sha1-WiUEe8dvcwcmZ8jLUsmJiI9JTGM=
+consolidate@^0.15.1:
+  version "0.15.1"
+  resolved "https://registry.yarnpkg.com/consolidate/-/consolidate-0.15.1.tgz#21ab043235c71a07d45d9aad98593b0dba56bab7"
+  integrity sha512-DW46nrsMJgy9kqAbPt5rKaCr7uFtpo4mSUvLHIUbJEjm0vo+aY5QLwBUq3FK4tRnJr/X0Psc0C4jf/h+HtXSMw==
   dependencies:
     bluebird "^3.1.1"
 
@@ -827,6 +1371,13 @@ constants-browserify@^1.0.0:
   resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
   integrity sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U=
 
+convert-source-map@^1.5.1:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.6.0.tgz#51b537a8c43e0f04dec1993bffcdd504e758ac20"
+  integrity sha512-eFu7XigvxdZ1ETfbgPBohgyQ/Z++C0eEhTor0qRwBw9unw+L0/6V8wkSuGgzdThkiS5lSpdptOQPD8Ak40a+7A==
+  dependencies:
+    safe-buffer "~5.1.1"
+
 copy-concurrently@^1.0.0:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/copy-concurrently/-/copy-concurrently-1.0.5.tgz#92297398cae34937fcafd6ec8139c18051f0b5e0"
@@ -844,7 +1395,7 @@ copy-descriptor@^0.1.0:
   resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
   integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=
 
-core-js@^2.4.0:
+core-js@^2.4.0, core-js@^2.5.0:
   version "2.5.7"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.7.tgz#f972608ff0cead68b841a16a932d0b183791814e"
   integrity sha512-RszJCAxg/PP6uzXVXL6BsxSXx/B05oJAQ2vkJRjyjrEcNVycaqOmNb5OTxZPE3xa5gwZduqza6L9JOCenh/Ecw==
@@ -854,19 +1405,6 @@ core-util-is@1.0.2, core-util-is@~1.0.0:
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
   integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
 
-cosmiconfig@^2.1.0, cosmiconfig@^2.1.1:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-2.2.2.tgz#6173cebd56fac042c1f4390edf7af6c07c7cb892"
-  integrity sha512-GiNXLwAFPYHy25XmTPpafYvn3CLAkJ8FLsscq78MQd1Kh0OU6Yzhn4eV2MVF4G9WEQZoWEGltatdR+ntGPMl5A==
-  dependencies:
-    is-directory "^0.3.1"
-    js-yaml "^3.4.3"
-    minimist "^1.2.0"
-    object-assign "^4.1.0"
-    os-homedir "^1.0.1"
-    parse-json "^2.2.0"
-    require-from-string "^1.1.0"
-
 create-ecdh@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff"
@@ -975,7 +1513,7 @@ date-now@^0.1.4:
   resolved "https://registry.yarnpkg.com/date-now/-/date-now-0.1.4.tgz#eaf439fd4d4848ad74e5cc7dbef200672b9e345b"
   integrity sha1-6vQ5/U1ISK105cx9vvIAZyueNFs=
 
-debug@^2.1.2, debug@^2.2.0, debug@^2.3.3:
+debug@^2.1.2, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8, debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
@@ -1044,6 +1582,13 @@ des.js@^1.0.0:
     inherits "^2.0.1"
     minimalistic-assert "^1.0.0"
 
+detect-indent@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-4.0.0.tgz#f76d064352cdf43a1cb6ce619c4ee3a9475de208"
+  integrity sha1-920GQ1LN9Docts5hnE7jqUdd4gg=
+  dependencies:
+    repeating "^2.0.0"
+
 detect-libc@^1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
@@ -1068,6 +1613,13 @@ domain-browser@^1.1.1:
   resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
   integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==
 
+dot-prop@^4.1.1:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.2.0.tgz#1f19e0c2e1aa0e32797c49799f2837ac6af69c57"
+  integrity sha512-tUMXrxlExSW6U2EXiiKGSBVdYgtV8qlHL+C10TsW4PURY/ic+eaysnSkwB4kA/mBlCyy/IKDJ+Lc3wbWeaXtuQ==
+  dependencies:
+    is-obj "^1.0.0"
+
 duplexify@^3.4.2, duplexify@^3.6.0:
   version "3.6.1"
   resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.6.1.tgz#b1a7a29c4abfd639585efaecce80d666b1e34125"
@@ -1086,6 +1638,11 @@ ecc-jsbn@~0.1.1:
     jsbn "~0.1.0"
     safer-buffer "^2.1.0"
 
+electron-to-chromium@^1.3.47:
+  version "1.3.84"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.84.tgz#2e55df59e818f150a9f61b53471ebf4f0feecc65"
+  integrity sha512-IYhbzJYOopiTaNWMBp7RjbecUBsbnbDneOP86f3qvS0G0xfzwNSvMJpTrvi5/Y1gU7tg2NAgeg8a8rCYvW9Whw==
+
 elliptic@^6.0.0:
   version "6.4.1"
   resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.4.1.tgz#c2d0b7776911b86722c632c3c06c60f2f819939a"
@@ -1127,13 +1684,6 @@ errno@^0.1.1, errno@^0.1.3, errno@~0.1.7:
   dependencies:
     prr "~1.0.1"
 
-error-ex@^1.2.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
-  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
-  dependencies:
-    is-arrayish "^0.2.1"
-
 escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
@@ -1147,11 +1697,6 @@ eslint-scope@^4.0.0:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
-esprima@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
-  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
-
 esrecurse@^4.1.0:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.2.1.tgz#007a3b9fdbc2b3bb87e4879ea19c92fdbd3942cf"
@@ -1310,11 +1855,6 @@ find-up@^3.0.0:
   dependencies:
     locate-path "^3.0.0"
 
-flatten@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782"
-  integrity sha1-2uRqnXj74lKSJYzB54CkHZXAN4I=
-
 flush-write-stream@^1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.0.3.tgz#c5d586ef38af6097650b49bc41b55fabb19f35bd"
@@ -1453,6 +1993,11 @@ global-modules-path@^2.3.0:
   resolved "https://registry.yarnpkg.com/global-modules-path/-/global-modules-path-2.3.0.tgz#b0e2bac6beac39745f7db5c59d26a36a0b94f7dc"
   integrity sha512-HchvMJNYh9dGSCy8pOQ2O8u/hoXaL+0XhnrwH0RyLiSXMMTl9W3N6KUU73+JFOg5PGjtzl6VZzUQsnrpm7Szag==
 
+globals@^9.18.0:
+  version "9.18.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
+  integrity sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==
+
 graceful-fs@^4.1.11, graceful-fs@^4.1.2:
   version "4.1.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658"
@@ -1556,6 +2101,14 @@ hmac-drbg@^1.0.0:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
+home-or-tmp@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/home-or-tmp/-/home-or-tmp-2.0.0.tgz#e36c3f2d2cae7d746a857e38d18d5f32a7882db8"
+  integrity sha1-42w/LSyufXRqhX440Y1fMqeILbg=
+  dependencies:
+    os-homedir "^1.0.0"
+    os-tmpdir "^1.0.1"
+
 http-signature@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
@@ -1662,6 +2215,13 @@ interpret@^1.1.0:
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.1.0.tgz#7ed1b1410c6a0e0f78cf95d3b8440c63f78b8614"
   integrity sha1-ftGxQQxqDg94z5XTuEQMY/eLhhQ=
 
+invariant@^2.2.2:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
+  integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
+  dependencies:
+    loose-envify "^1.0.0"
+
 invert-kv@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-2.0.0.tgz#7393f5afa59ec9ff5f67a27620d11c226e3eec02"
@@ -1681,11 +2241,6 @@ is-accessor-descriptor@^1.0.0:
   dependencies:
     kind-of "^6.0.0"
 
-is-arrayish@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
-  integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
-
 is-binary-path@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
@@ -1730,11 +2285,6 @@ is-descriptor@^1.0.0, is-descriptor@^1.0.2:
     is-data-descriptor "^1.0.0"
     kind-of "^6.0.2"
 
-is-directory@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
-  integrity sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=
-
 is-expression@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-expression/-/is-expression-3.0.0.tgz#39acaa6be7fd1f3471dc42c7416e61c24317ac9f"
@@ -1760,6 +2310,13 @@ is-extglob@^2.1.0, is-extglob@^2.1.1:
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
 
+is-finite@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-finite/-/is-finite-1.0.2.tgz#cc6677695602be550ef11e8b4aa6305342b6d0aa"
+  integrity sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=
+  dependencies:
+    number-is-nan "^1.0.0"
+
 is-fullwidth-code-point@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
@@ -1793,6 +2350,11 @@ is-number@^3.0.0:
   dependencies:
     kind-of "^3.0.2"
 
+is-obj@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
+  integrity sha1-PkcprB9f3gJc19g6iW2rn09n2w8=
+
 is-plain-object@^2.0.1, is-plain-object@^2.0.3, is-plain-object@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
@@ -1859,24 +2421,26 @@ js-stringify@^1.0.1:
   resolved "https://registry.yarnpkg.com/js-stringify/-/js-stringify-1.0.2.tgz#1736fddfd9724f28a3682adc6230ae7e4e9679db"
   integrity sha1-Fzb939lyTyijaCrcYjCufk6Weds=
 
+"js-tokens@^3.0.0 || ^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
+  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
+
 js-tokens@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
   integrity sha1-mGbfOVECEw449/mWvOtlRDIJwls=
 
-js-yaml@^3.4.3:
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.12.0.tgz#eaed656ec8344f10f527c6bfa1b6e2244de167d1"
-  integrity sha512-PIt2cnwmPfL4hKNwqeiuz4bKfnzHTBv6HyVgjahA6mPLwPDzjDWrplJBMjHUFxku/N3FlmrbyPclad+I+4mJ3A==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
-
 jsbn@~0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
   integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
 
+jsesc@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-1.3.0.tgz#46c3fec8c1892b12b0833db9bc7622176dbab34b"
+  integrity sha1-RsP+yMGJKxKwgz25vHYiF226s0s=
+
 jsesc@~0.5.0:
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
@@ -1907,7 +2471,7 @@ json-stringify-safe@~5.0.1:
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
   integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
 
-json5@^0.5.0:
+json5@^0.5.0, json5@^0.5.1:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
   integrity sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=
@@ -2036,7 +2600,14 @@ longest@^1.0.1:
   resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
   integrity sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=
 
-lru-cache@^4.1.1:
+loose-envify@^1.0.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
+  dependencies:
+    js-tokens "^3.0.0 || ^4.0.0"
+
+lru-cache@^4.1.1, lru-cache@^4.1.2:
   version "4.1.3"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.3.tgz#a1175cf3496dfc8436c156c334b4955992bce69c"
   integrity sha512-fFEhvcgzuIoJVUF8fYr5KR0YqxD238zgObTps31YdADwPPAp82a4M8TrckkWyx7ekNlf9aBcVn81cFwwXngrJA==
@@ -2096,6 +2667,13 @@ memory-fs@^0.4.0, memory-fs@~0.4.1:
     errno "^0.1.3"
     readable-stream "^2.0.1"
 
+merge-source-map@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/merge-source-map/-/merge-source-map-1.1.0.tgz#2fdde7e6020939f70906a68f2d7ae685e4c8c646"
+  integrity sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==
+  dependencies:
+    source-map "^0.6.1"
+
 micromatch@^3.1.10, micromatch@^3.1.4, micromatch@^3.1.8:
   version "3.1.10"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
@@ -2421,7 +2999,7 @@ os-browserify@^0.3.0:
   resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
   integrity sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=
 
-os-homedir@^1.0.0, os-homedir@^1.0.1:
+os-homedir@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
   integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
@@ -2435,7 +3013,7 @@ os-locale@^3.0.0:
     lcid "^2.0.0"
     mem "^4.0.0"
 
-os-tmpdir@^1.0.0:
+os-tmpdir@^1.0.0, os-tmpdir@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
   integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
@@ -2526,13 +3104,6 @@ parse-asn1@^5.0.0:
     evp_bytestokey "^1.0.0"
     pbkdf2 "^3.0.3"
 
-parse-json@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9"
-  integrity sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=
-  dependencies:
-    error-ex "^1.2.0"
-
 pascalcase@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
@@ -2553,7 +3124,7 @@ path-exists@^3.0.0:
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
   integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
 
-path-is-absolute@^1.0.0:
+path-is-absolute@^1.0.0, path-is-absolute@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
@@ -2608,32 +3179,6 @@ posix-character-classes@^0.1.0:
   resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
   integrity sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=
 
-postcss-load-config@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-1.2.0.tgz#539e9afc9ddc8620121ebf9d8c3673e0ce50d28a"
-  integrity sha1-U56a/J3chiASHr+djDZz4M5Q0oo=
-  dependencies:
-    cosmiconfig "^2.1.0"
-    object-assign "^4.1.0"
-    postcss-load-options "^1.2.0"
-    postcss-load-plugins "^2.3.0"
-
-postcss-load-options@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-load-options/-/postcss-load-options-1.2.0.tgz#b098b1559ddac2df04bc0bb375f99a5cfe2b6d8c"
-  integrity sha1-sJixVZ3awt8EvAuzdfmaXP4rbYw=
-  dependencies:
-    cosmiconfig "^2.1.0"
-    object-assign "^4.1.0"
-
-postcss-load-plugins@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/postcss-load-plugins/-/postcss-load-plugins-2.3.0.tgz#745768116599aca2f009fad426b00175049d8d92"
-  integrity sha1-dFdoEWWZrKLwCfrUJrABdQSdjZI=
-  dependencies:
-    cosmiconfig "^2.1.1"
-    object-assign "^4.1.0"
-
 postcss-modules-extract-imports@^1.2.0:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-1.2.1.tgz#dc87e34148ec7eab5f791f7cd5849833375b741a"
@@ -2665,12 +3210,12 @@ postcss-modules-values@^1.3.0:
     icss-replace-symbols "^1.1.0"
     postcss "^6.0.1"
 
-postcss-selector-parser@^2.0.0:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-2.2.3.tgz#f9437788606c3c9acee16ffe8d8b16297f27bb90"
-  integrity sha1-+UN3iGBsPJrO4W/+jYsWKX8nu5A=
+postcss-selector-parser@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-3.1.1.tgz#4f875f4afb0c96573d5cf4d74011aee250a7e865"
+  integrity sha1-T4dfSvsMllc9XPTXQBGu4lCn6GU=
   dependencies:
-    flatten "^1.0.2"
+    dot-prop "^4.1.1"
     indexes-of "^1.0.1"
     uniq "^1.0.1"
 
@@ -2679,7 +3224,7 @@ postcss-value-parser@^3.3.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
   integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
 
-postcss@^6.0.1, postcss@^6.0.23, postcss@^6.0.8:
+postcss@^6.0.1, postcss@^6.0.20, postcss@^6.0.23:
   version "6.0.23"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
   integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
@@ -2688,10 +3233,15 @@ postcss@^6.0.1, postcss@^6.0.23, postcss@^6.0.8:
     source-map "^0.6.1"
     supports-color "^5.4.0"
 
-prettier@^1.7.0:
-  version "1.14.3"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.14.3.tgz#90238dd4c0684b7edce5f83b0fb7328e48bd0895"
-  integrity sha512-qZDVnCrnpsRJJq5nSsiHCE3BYMED2OtsI+cmzIzF1QIfqm5ALf8tEJcO27zV1gKNKRPdhjO0dNWnrzssDQ1tFg==
+prettier@1.13.7:
+  version "1.13.7"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.13.7.tgz#850f3b8af784a49a6ea2d2eaa7ed1428a34b7281"
+  integrity sha512-KIU72UmYPGk4MujZGYMFwinB7lOf2LsDNGSOC8ufevsrPLISrZbNJlWstRi3m0AMuszbH+EFSQ/r6w56RSPK6w==
+
+private@^0.1.6, private@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
+  integrity sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==
 
 process-nextick-args@~2.0.0:
   version "2.0.0"
@@ -2951,6 +3501,15 @@ regenerator-runtime@^0.11.0:
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
   integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
 
+regenerator-transform@^0.10.0:
+  version "0.10.1"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.10.1.tgz#1e4996837231da8b7f3cf4114d71b5691a0680dd"
+  integrity sha512-PJepbvDbuK1xgIgnau7Y90cwaAmO/LCLMI2mPvaXq2heGMR3aWW5/BQvYrhJ8jgmQjXewXvBjzfqKcVOmhjZ6Q==
+  dependencies:
+    babel-runtime "^6.18.0"
+    babel-types "^6.19.0"
+    private "^0.1.6"
+
 regex-not@^1.0.0, regex-not@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/regex-not/-/regex-not-1.0.2.tgz#1f4ece27e00b0b65e0247a6810e6a85d83a5752c"
@@ -2968,6 +3527,15 @@ regexpu-core@^1.0.0:
     regjsgen "^0.2.0"
     regjsparser "^0.1.4"
 
+regexpu-core@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-2.0.0.tgz#49d038837b8dcf8bfa5b9a42139938e6ea2ae240"
+  integrity sha1-SdA4g3uNz4v6W5pCE5k45uoq4kA=
+  dependencies:
+    regenerate "^1.2.1"
+    regjsgen "^0.2.0"
+    regjsparser "^0.1.4"
+
 regjsgen@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.2.0.tgz#6c016adeac554f75823fe37ac05b92d5a4edb1f7"
@@ -2995,6 +3563,13 @@ repeat-string@^1.5.2, repeat-string@^1.6.1:
   resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
   integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc=
 
+repeating@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda"
+  integrity sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=
+  dependencies:
+    is-finite "^1.0.0"
+
 request@^2.83.0:
   version "2.88.0"
   resolved "https://registry.yarnpkg.com/request/-/request-2.88.0.tgz#9c2fca4f7d35b592efe57c7f0a55e81052124fef"
@@ -3026,11 +3601,6 @@ require-directory@^2.1.1:
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
   integrity sha1-jGStX9MNqxyXbiNE/+f3kqam30I=
 
-require-from-string@^1.1.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-1.2.1.tgz#529c9ccef27380adfec9a2f965b649bbee636418"
-  integrity sha1-UpyczvJzgK3+yaL5ZbZJu+5jZBg=
-
 require-main-filename@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
@@ -3053,7 +3623,7 @@ resolve-url@^0.2.1:
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
   integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
 
-resolve@^1.1.6, resolve@^1.4.0:
+resolve@^1.1.6:
   version "1.8.1"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.8.1.tgz#82f1ec19a423ac1fbd080b0bab06ba36e84a7a26"
   integrity sha512-AicPrAC7Qu1JxPCZ9ZgCZlY35QgFnNqc+0LtbRNxnVw4TXvjQ72wnuL9JQcEBgXkI9JM8MsT9kaQoHcpCRJOYA==
@@ -3189,6 +3759,11 @@ signal-exit@^3.0.0:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
   integrity sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=
 
+slash@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
+  integrity sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=
+
 snapdragon-node@^2.0.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
@@ -3235,12 +3810,19 @@ source-map-resolve@^0.5.0:
     source-map-url "^0.4.0"
     urix "^0.1.0"
 
+source-map-support@^0.4.15:
+  version "0.4.18"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.18.tgz#0286a6de8be42641338594e97ccea75f0a2c585f"
+  integrity sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==
+  dependencies:
+    source-map "^0.5.6"
+
 source-map-url@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
   integrity sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=
 
-source-map@^0.5.6, source-map@~0.5.1:
+source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.1:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
   integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
@@ -3257,11 +3839,6 @@ split-string@^3.0.1, split-string@^3.0.2:
   dependencies:
     extend-shallow "^3.0.0"
 
-sprintf-js@~1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
-  integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
-
 sshpk@^1.7.0:
   version "1.15.2"
   resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.15.2.tgz#c946d6bd9b1a39d0e8635763f5242d6ed6dcb629"
@@ -3465,6 +4042,11 @@ tough-cookie@~2.4.3:
     psl "^1.1.24"
     punycode "^1.4.1"
 
+trim-right@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003"
+  integrity sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=
+
 tslib@^1.9.0:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.9.3.tgz#d7e4dd79245d85428c4d7e4822a79917954ca286"
@@ -3646,31 +4228,23 @@ void-elements@^2.0.1:
   resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-2.0.1.tgz#c066afb582bb1cb4128d60ea92392e94d5e9dbec"
   integrity sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=
 
-vue-hot-reload-api@^2.2.0:
+vue-hot-reload-api@^2.3.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.1.tgz#b2d3d95402a811602380783ea4f566eb875569a2"
   integrity sha512-AA86yKZ5uOKz87/q1UpngEXhbRkaYg1b7HMMVRobNV1IVKqZe8oLIzo6iMocVwZXnYitlGwf2k4ZRLOZlS8oPQ==
 
-vue-loader@^14.2.3:
-  version "14.2.3"
-  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-14.2.3.tgz#3b39645c322d956e287d8d36eb77475f78c9b8e0"
-  integrity sha512-mEd2/14gNCVVpKU/44lVDoMDoAteM8PkvaVjzZ4KHyRKtry3pifSh9UMFsjoPBMeVYs9jTEDyT8UKmgPpnP8Yw==
+vue-loader@^15.4.2:
+  version "15.4.2"
+  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-15.4.2.tgz#812bb26e447dd3b84c485eb634190d914ce125e2"
+  integrity sha512-nVV27GNIA9MeoD8yQ3dkUzwlAaAsWeYSWZHsu/K04KCD339lW0Jv2sJWsjj3721SP7sl2lYdPmjcHgkWQSp5bg==
   dependencies:
-    consolidate "^0.14.0"
+    "@vue/component-compiler-utils" "^2.0.0"
     hash-sum "^1.0.2"
     loader-utils "^1.1.0"
-    lru-cache "^4.1.1"
-    postcss "^6.0.8"
-    postcss-load-config "^1.1.0"
-    postcss-selector-parser "^2.0.0"
-    prettier "^1.7.0"
-    resolve "^1.4.0"
-    source-map "^0.6.1"
-    vue-hot-reload-api "^2.2.0"
-    vue-style-loader "^4.0.1"
-    vue-template-es2015-compiler "^1.6.0"
+    vue-hot-reload-api "^2.3.0"
+    vue-style-loader "^4.1.0"
 
-vue-style-loader@^4.0.1:
+vue-style-loader@^4.1.0:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-4.1.2.tgz#dedf349806f25ceb4e64f3ad7c0a44fba735fcf8"
   integrity sha512-0ip8ge6Gzz/Bk0iHovU9XAUQaFt/G2B61bnWa2tCcqqdgfHs1lF9xXorFbE55Gmy92okFT+8bfmySuUOu13vxQ==
diff --git a/package.json b/package.json
index 597dda90408..9d16234fd53 100644
--- a/package.json
+++ b/package.json
@@ -74,6 +74,7 @@
     "vue-router": "^3.0.1",
     "vuetify": "^1.3.9",
     "vuex": "^3.0.1",
-    "vuex-persist": "^2.0.0"
+    "vuex-persist": "^2.0.0",
+    "vuex-router-sync": "^5.0.0"
   }
 }
diff --git a/src/Phoenix.vue b/src/Phoenix.vue
index fcf04aa33f6..7364bcd68e2 100644
--- a/src/Phoenix.vue
+++ b/src/Phoenix.vue
@@ -1,23 +1,28 @@
 <template>
-	<v-app id="Phoenix">
-		<header  v-if="showHeader">
-			<top-bar></top-bar>
-		</header>
-		<aside  v-if="showHeader">
-			<side-menu></side-menu>
-		</aside>
-		<main id="oc-content" class="uk-offcanvas-content">
-			<router-view></router-view>
-		</main>
+	<v-app light id="Phoenix">
+		<notification-bar />
+		<v-container fluid class="pa-0">
+			<v-layout tag="header"  v-if="showHeader">
+				<top-bar></top-bar>
+			</v-layout>
+			<v-layout tag="aside" v-if="showHeader">
+				<side-menu></side-menu>
+			</v-layout>
+			<main>
+				<router-view></router-view>
+			</main>
+		</v-container>
 	</v-app>
 </template>
 <script>
 import TopBar from './components/Top-Bar.vue';
 import Menu   from './components/Menu.vue';
+import NotificationBar from './components/NotificationBar.vue'
 
 export default {
 	components: {
-		'top-bar'   : TopBar,
+		NotificationBar,
+		TopBar,
 		'side-menu' : Menu
 	},
 	beforeMount () {
diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index 43182081b7f..b3b86b9d8d2 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -1,63 +1,138 @@
 <template>
-  <div id="oc-nav" uk-offcanvas="mode: reveal">
-    <div class="uk-offcanvas-bar uk-background-muted">
-      <ul class="uk-nav-default uk-nav-parent-icon" uk-nav="">
-        <li v-for="(n, nid) in nav" :key="nid">
-          <router-link :to="n.route" :target="n.target">
-            <i v-if="n.iconMaterial" class="material-icons uk-margin-small-right" v-text="n.iconMaterial"></i>
-            <span v-text="n.name"></span>
-          </router-link>
-        </li>
-        <li class="uk-nav-divider"></li>
-        <li class="uk-parent uk-margin-medium-top"><a href="#" uk-height-match=""><i class="material-icons uk-margin-small-right">account_circle</i><span v-translate>Personal</span></a>
-          <ul class="uk-nav-sub">
-            <li><a @click="notImplemented()"><span v-translate>About Me</span></a></li>
-            <li><a @click="notImplemented()"><span v-translate>Sessions</span></a></li>
-            <li><a @click="notImplemented()"><span v-translate>App passwords</span></a></li>
-            <li><a @click="notImplemented()"><span v-translate>Sync clients</span></a></li>
-            <li><a @click="notImplemented()"><span v-translate>Activity</span></a></li>
-            <li><a @click="notImplemented()"><span v-translate>Federated Cloud</span></a></li>
-          </ul>
-        </li>
-        <li class="uk-nav-divider"></li>
-        <li class="uk-parent"><a href="#"><i class="material-icons uk-margin-small-right">help</i><span v-translate>Help</span></a>
-          <ul class="uk-nav-sub">
-            <li><a @click="notImplemented()"><span v-translate>User documentation</span></a></li>
-            <li><a @click="notImplemented()"><span v-translate>Online documentation</span></a></li>
-            <li><a @click="notImplemented()"><span v-translate>Forum</span></a></li>
-            <li><a @click="notImplemented()"><span v-translate>Issue tracker</span></a></li>
-            <li><a @click="notImplemented()"><span v-translate>Commercial support</span></a></li>
-          </ul>
-        </li>
-        <li class="uk-parent uk-margin-medium-top"><a href="#"><i class="material-icons uk-margin-small-right">settings</i><span v-translate>Administration</span></a>
-          <ul class="uk-nav-sub">
-            <li><a @click="notImplemented()"><span v-translate>Sharing</span></a></li>
-            <li><a @click="notImplemented()"><span v-translate>External storage</span></a></li>
-            <li><a @click="notImplemented()"><span v-translate>Federation</span></a></li>
-            <li><a @click="notImplemented()"><span v-translate>File handling</span></a></li>
-            <li><a @click="notImplemented()"><span v-translate>EMail-templates</span></a></li>
-          </ul>
-        </li>
-        <li class="uk-margin-medium-top"><a @click="logout()"><i class="material-icons uk-margin-small-right">exit_to_app</i><span v-translate>Exit ownCloud</span></a></li>
-      </ul>
-    </div>
-  </div>
+  <v-navigation-drawer
+        v-model="sidebarIsVisible"
+        absolute
+        temporary
+        clipped
+        class='mt-5'
+        style='top: 16px'>
+        <v-list class="pt-0" dense>
+          <v-list-tile
+            v-for="(n, nid) in nav"
+            :key="nid"
+            @click="navigateTo(n.route)">
+              <v-list-tile-action>
+                <v-icon>{{ n.iconMaterial }}</v-icon>
+              </v-list-tile-action>
+              <v-list-tile-content>
+                <v-list-tile-title v-translate>{{ n.name }}</v-list-tile-title>
+              </v-list-tile-content>
+          </v-list-tile>
+
+          <v-divider></v-divider>
+
+          <v-list-group
+                      v-for="item in menuData"
+                      v-model="item.active"
+                      :key="item.title"
+                      no-action
+                    >
+
+                      <v-list-tile slot="activator">
+                        <v-list-tile-action>
+                          <v-icon>{{ item.icon }}</v-icon>
+                        </v-list-tile-action>
+                        <v-list-tile-content>
+                          <v-list-tile-title v-translate>{{ item.title }}</v-list-tile-title>
+                        </v-list-tile-content>
+                      </v-list-tile>
+                      <v-list-tile
+                        v-for="subItem in item.subItems"
+                        :key="subItem.title"
+                        @click="notImplemented()"
+                      >
+                        <v-list-tile-content>
+                          <v-list-tile-title v-translate>{{ subItem.title }}</v-list-tile-title>
+                        </v-list-tile-content>
+
+                        <v-list-tile-action>
+                          <v-icon>{{ subItem.action }}</v-icon>
+                        </v-list-tile-action>
+                      </v-list-tile>
+                    </v-list-group>
+
+            <v-divider ></v-divider>
+
+            <v-list-tile
+              @click="logout()">
+              <v-list-tile-action>
+                <v-icon>exit_to_app</v-icon>
+              </v-list-tile-action>
+              <v-list-tile-content>
+                <v-list-tile-title><span v-translate>Exit</span> {{ configuration.theme.general.name }}</v-list-tile-title>
+              </v-list-tile-content>
+            </v-list-tile>
+
+        </v-list>
+      </v-navigation-drawer>
 </template>
 
 <script>
+import { mapActions, mapGetters } from 'vuex'
 export default {
+  data () {
+    return {
+      menuData: {
+        personal: {
+          title: 'Personal',
+          icon: 'account_circle',
+          subItems: [
+            { title: 'About me' },
+            { title: 'Sessions' },
+            { title: 'App passwords' },
+            { title: 'Sync clients' },
+            { title: 'Activity' },
+            { title: 'Federated Cloud' }
+          ]
+        },
+        help: {
+          title: 'Help',
+          icon: 'help',
+          subItems: [
+            { title: 'User documentation' },
+            { title: 'Online documentation' },
+            { title: 'Forum' },
+            { title: 'Issue Tracker' },
+            { title: 'Commercial Support' }
+          ]
+        },
+        admin: {
+          title: 'Administration',
+          icon: 'settings',
+          subItems: [
+            { title: 'Sharing' },
+            { title: 'External storage' },
+            { title: 'Federation' },
+            { title: 'File handling' },
+            { title: 'Email-templates' }
+          ]
+        }
+      }
+    }
+  },
   computed: {
     nav () {
       return this.$root.navItems
+    },
+    ...mapGetters(['isSidebarVisible']),
+    ...mapGetters(['configuration']),
+    sidebarIsVisible: {
+      get () {
+        return this.isSidebarVisible
+      },
+      set (newVal) {
+        if (newVal) {
+          return
+        }
+        this.toggleSidebar(newVal)
+      }
     }
   },
   methods: {
+    ...mapActions(['toggleSidebar']),
     notImplemented () {
-      let OC = this.$parent
-      OC.$uikit.notification({
-        message: 'Not implemented yet.',
-        status: 'primary'
-      })
+      // TODO: tempelgogo's snackbarQueue
+      console.log('snackbar should be here')
     },
     logout () {
       let OC = this.$parent
@@ -66,6 +141,11 @@ export default {
       this.$store.dispatch('logout', {}).then(() => {
         this.$router.push('/login')
       })
+    },
+    navigateTo (route) {
+      this.$router.push({
+        'name': route.name
+      })
     }
 
   }
diff --git a/src/components/NotificationBar.vue b/src/components/NotificationBar.vue
new file mode 100644
index 00000000000..717d8e341c3
--- /dev/null
+++ b/src/components/NotificationBar.vue
@@ -0,0 +1,32 @@
+<template>
+  <div v-show="activeNotifications.length">
+      <v-snackbar
+      v-for="notification in activeNotifications"
+      :key="notification.id"
+      :value="true" :multi-line="true"
+      :timeout="4000"
+      top="top" vertical="vertical"
+      :color="notification.type || 'info'"
+      @input="deleteNotification(notification.id)">
+      <span heading>
+        {{notification.title}}
+      </span>
+      <span content>
+        {{notification.desc}}
+      </span>
+    </v-snackbar>
+  </div>
+</template>
+
+<script>
+import { mapGetters, mapActions } from 'vuex'
+
+export default {
+  methods: {
+    ...mapActions(['showNotification', 'deleteNotification'])
+  },
+  computed: {
+    ...mapGetters(['activeNotifications'])
+  }
+}
+</script>
diff --git a/src/components/Top-Bar.vue b/src/components/Top-Bar.vue
index b4dca9df5c1..61775abc3e9 100644
--- a/src/components/Top-Bar.vue
+++ b/src/components/Top-Bar.vue
@@ -1,60 +1,53 @@
 <template>
-  <div id="oc-head" class="uk-position-top uk-position-fixed uk-position-z-index" uk-navbar="mode: click">
-    <div class="uk-navbar-left">
-      <ul class="uk-navbar-nav">
-        <li>
-          <a href="#" uk-toggle="target: #oc-nav">
-            <i class="material-icons uk-margin-small-right uk-text-inverse">menu</i>
-            <span class="uk-text-inverse" v-translate>Files</span>
-          </a>
-        </li>
-      </ul>
-    </div>
-    <div class="uk-position-center">
-      <div id="oc-logo-main" class="uk-flex uk-flex-middle">
-        <div class="uk-width-1-2 uk-text-right">
-          <img src="core/gfx/cloud-logo-invert.svg" alt="ownCloud" height="45" width="80">
-        </div>
-        <span v-translate class="uk-width-1-2 uk-text-left uk-text-inverse">ownCloud</span>
-      </div>
-    </div>
-    <div class="uk-navbar-right">
-      <ul class="uk-navbar-nav">
-        <div v-for="(plugin, pid) in extendNavbarRight" :key="pid"><component :is="plugin.component" v-if="extendNavbarRight.length > 0"></component></div>
-        <li v-if="!isAuthenticated">
-          <a href="#" @click.prevent="requestLogin"><span class="uk-text-inverse uk-visible@s" v-translate>Login</span></a>
-        </li>
-        <li v-if="isAuthenticated">
-          <a href="#" :uk-tooltip="user.email"><i class="material-icons uk-margin-small-right uk-text-inverse">account_circle</i><span class="uk-text-inverse">{{ user.displayname }}</span></a>
-        </li>
-      </ul>
-    </div>
-  </div>
+  <v-toolbar class="theme--dark primary">
+  <v-toolbar-side-icon @click.prevent="toggleSidebar(true)" class="theme--dark"></v-toolbar-side-icon>
+  <span class="subheading" v-translate>Files</span>
+  <v-spacer></v-spacer>
+    <v-flex xs1>
+      <v-img
+        v-if="configuration.theme.logo.big"
+        :src="configuration.theme.logo.big"
+        :aspect-ratio="1.8"
+        width="60%"/>
+    </v-flex>
+    <span class="font-weight-medium title">{{ configuration.theme.general.name }}</span>
+  <v-spacer></v-spacer>
+  <v-toolbar-items class="hidden-sm-and-down">
+  <v-btn class="theme--dark" flat><v-icon class="theme--dark" medium>account_circle</v-icon>&nbsp;<span>{{ user.displayname }}</span></v-btn>
+  </v-toolbar-items>
+</v-toolbar>
 </template>
 
 <script>
-
+import { mapGetters, mapState, mapActions } from 'vuex'
 import pluginHelper from '../mixins/pluginHelper.js'
 
 export default {
-  methods: {
-    requestLogin () {
-      this.$router.push({ name: 'login' })
+  data () {
+    return {
+      drawer: false,
+      items: [
+        { title: 'Home', icon: 'dashboard' },
+        { title: 'About', icon: 'question_answer' }
+      ]
     }
   },
   mixins: [
     pluginHelper
   ],
+  methods: {
+    ...mapActions(['toggleSidebar'])
+  },
   computed: {
-    isAuthenticated () {
-      return this.$store.getters.isAuthenticated
-    },
+    ...mapGetters(['configuration']),
+    ...mapState(['user']),
     extendNavbarRight () {
       return this.getPlugins('phoenixNavbarRight')
-    },
-    user () {
-      return this.$store.state.user
     }
   }
 }
 </script>
+
+<style scoped="true">
+
+</style>
diff --git a/src/default.js b/src/default.js
index b929d078251..6476f8df450 100644
--- a/src/default.js
+++ b/src/default.js
@@ -16,6 +16,7 @@ import Vuetify from 'vuetify';
 import Client from 'js-owncloud-client';
 import Axios  from 'axios';
 
+import { sync } from 'vuex-router-sync'
 import store  from './store';
 import router  from './router';
 
@@ -61,7 +62,6 @@ Vue.component('drop', Drop);
 
     try {
         let config = await Axios.get('config.json');
-
         let apps = _map(config.data.apps, (app) => {
             return `./apps/${app}/js/${app}.bundle.js`;
         });
@@ -80,10 +80,11 @@ Vue.component('drop', Drop);
                 if (app.routes) routes.push(app.routes);
                 if (app.plugins) plugins.push(app.plugins);
                 if (app.navItems) navItems.push(app.navItems);
+                if (app.store) store.registerModule(app.appName, app.store.default)
             }
-
             router.addRoutes(_flatten(routes));
-
+            sync(store, router);
+            
             const OC  = new Vue({
                 el : '#owncloud',
                 data : {
diff --git a/src/pages/error.vue b/src/pages/error.vue
index 02e318a944f..75216363f3d 100644
--- a/src/pages/error.vue
+++ b/src/pages/error.vue
@@ -50,13 +50,3 @@ export default {
   }
 }
 </script>
-
-<style scoped="true">
-  .v-btn, h2, .flex{
-    padding: 8px 8px;
-  }
-  .center-dialog {
-    /* FIXME: use justify-center and align-center */
-    margin-top: 32vh!important;
-  }
-</style>
diff --git a/src/pages/login.vue b/src/pages/login.vue
index c7f88f4228b..cdc9ed2f01b 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -7,7 +7,7 @@
         :src="configuration.theme.logo.big"
         :aspect-ratio="1"
         height="100vh">
-        <v-flex class="grey lighten-2 pa-4 ma-auto elevation-5 center-dialog" md4 xs8>
+        <v-flex class="center-dialog grey lighten-2 pa-4 ml-auto mr-auto elevation-5" md4 xs8>
           <h2>
             <span v-translate>Welcome to</span> {{ configuration.theme.general.name }}
           </h2>
@@ -23,7 +23,7 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
+import { mapGetters, mapActions } from 'vuex'
 export default {
   name: 'loginPage',
 
@@ -38,20 +38,26 @@ export default {
     ...mapGetters(['configuration'])
   },
   methods: {
+    ...mapActions(['showNotification']),
+
     authenticate () {
       this.$store.dispatch('authenticate', { provider: 'oauth2' })
         .then(() => {
           this.$router.push({ path: '/' })
         })
-        .catch(() => {
-          this.$router.push('/error')
+        .catch((error) => {
+          this.showNotification({
+            title: this.$gettext('Could not login'),
+            desc: error.message,
+            type: 'error'
+          })
         })
     }
   }
 }
 </script>
 
-<style scoped="true">
+<style>
   .v-btn, h2, .flex{
     padding: 8px 8px;
   }
diff --git a/src/router/index.js b/src/router/index.js
index e7adf09a041..e6e43e0d00f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -19,8 +19,7 @@ const router = new Router({
     name: 'error',
     component: ErrorPage,
     meta: { auth: false, title: 'Oooops something went wrong', hideHeadbar: true }
-  }
-  ]
+  }]
 })
 
 router.beforeEach(function (to, from, next) {
diff --git a/src/store/app.js b/src/store/app.js
new file mode 100644
index 00000000000..7ae2ce98d4b
--- /dev/null
+++ b/src/store/app.js
@@ -0,0 +1,53 @@
+'use strict'
+
+import { remove } from 'lodash'
+
+const state = {
+  sidebarVisible: false,
+  notifications: []
+}
+
+const actions = {
+  toggleSidebar (context, visible) {
+    context.commit('TOGGLE_SIDEBAR', visible)
+  },
+  showNotification (context, notification) {
+    context.commit('ENQUEUE_NOTIFICATION', notification)
+  },
+  deleteNotification (context, nId) {
+    context.commit('REMOVE_NOTIFICATION', nId)
+  }
+}
+
+const mutations = {
+  TOGGLE_SIDEBAR (state, visible) {
+    state.sidebarVisible = visible
+  },
+  ENQUEUE_NOTIFICATION (state, notification) {
+    // set random id to improve iteration in v-for & lodash
+    if (!notification.id) notification.id = Math.random().toString(36).slice(2, -1)
+    state.notifications.push(notification)
+  },
+  REMOVE_NOTIFICATION (state, nId) {
+    let notifications = remove(state.notifications, (n) => {
+      return n.id !== nId
+    })
+    state.notifications = notifications
+  }
+}
+
+const getters = {
+  isSidebarVisible: state => {
+    return state.sidebarVisible
+  },
+  activeNotifications: state => {
+    return (state.notifications.length) ? [state.notifications[0]] : []
+  }
+}
+
+export default {
+  state,
+  actions,
+  mutations,
+  getters
+}
diff --git a/src/store/index.js b/src/store/index.js
index 5d4f8b61dc5..c84efb7be29 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -6,6 +6,7 @@ import VuexPersistence from 'vuex-persist'
 
 /* STORE MODULES
 */
+import app from './app'
 import config from './config'
 import user from './user'
 
@@ -25,6 +26,7 @@ export const Store = new Vuex.Store({
   // },
   plugins: [vuexPersist.plugin],
   modules: {
+    app,
     user,
     config
   },
diff --git a/src/store/user.js b/src/store/user.js
index 6282d426e0f..74e2aa6b67b 100644
--- a/src/store/user.js
+++ b/src/store/user.js
@@ -77,6 +77,9 @@ const getters = {
       vueAuthInstance = initVueAuthenticate(rootState.config.auth)
     }
     return vueAuthInstance.isAuthenticated()
+  },
+  user: state => {
+    return state
   }
 }
 
diff --git a/tests/acceptance/pageObjects/filesPage.js b/tests/acceptance/pageObjects/filesPage.js
index 5609bc60d09..12fc75bf71f 100644
--- a/tests/acceptance/pageObjects/filesPage.js
+++ b/tests/acceptance/pageObjects/filesPage.js
@@ -10,9 +10,6 @@ module.exports = {
 		fileRows: {
 			selector: '//div[@id="files-app"]//tbody/tr',
 			locateStrategy: 'xpath'
-		},
-		loadingIndicator: {
-			selector: '.oc-loader-spinner'
-		},
+		}
 	}
-}
\ No newline at end of file
+}
diff --git a/tests/acceptance/stepDefinitions/filesContext.js b/tests/acceptance/stepDefinitions/filesContext.js
index 291b042af84..067c30a15b2 100644
--- a/tests/acceptance/stepDefinitions/filesContext.js
+++ b/tests/acceptance/stepDefinitions/filesContext.js
@@ -10,5 +10,4 @@ When('the user browses to the files page',
             .page.filesPage();
 		return filesPage
 		.navigate()
-		.waitForElementNotVisible('@loadingIndicator', 1000);
-	});
\ No newline at end of file
+	});
diff --git a/tests/acceptance/stepDefinitions/loginContext.js b/tests/acceptance/stepDefinitions/loginContext.js
index f3ea36f421f..c2db92c201a 100644
--- a/tests/acceptance/stepDefinitions/loginContext.js
+++ b/tests/acceptance/stepDefinitions/loginContext.js
@@ -48,7 +48,6 @@ Then('the files table should be displayed',
 	() => {
 		const filesPage = client.page.filesPage();
 		return filesPage
-		.waitForElementNotVisible('@loadingIndicator', 1000)
 		.assert.visible('@filesTable');
 	});
 
@@ -56,7 +55,6 @@ Then('the files table should not be empty',
 	() => {
 		const filesPage = client.page.filesPage();
 		return filesPage
-		.waitForElementNotVisible('@loadingIndicator', 1000)
 		//even the loading indicator is gone the table might not be rendered yet
 		.waitForElementVisible('@fileRows', 10000);
 	});
diff --git a/webpack.common.js b/webpack.common.js
index 6e6cba83369..3af36b54f86 100644
--- a/webpack.common.js
+++ b/webpack.common.js
@@ -15,7 +15,6 @@ module.exports = {
 	entry: {
 		core: [
 			'./src/default.js',
-			'./src/themes/owncloud.less',
 			'./node_modules/material-design-icons-iconfont/dist/material-design-icons.css',
 			'./node_modules/vuetify/dist/vuetify.css']
 	},
@@ -47,23 +46,14 @@ module.exports = {
 				exclude: [/node_modules/]
 			}, {
 				test: /\.(sa|sc|c)ss$/,
-				exclude: [/src/],
+				include: [/node_modules/,/src/],
 				use: [
+					"style-loader",
 					MiniCssExtractPlugin.loader,
 					"css-loader",
 					"sass-loader"
 				]
-			},
-			{
-        test: /\.(le|c)ss$/,
-				include: [/src/],
-				use: [
-					// fallback to style-loader in development
-					MiniCssExtractPlugin.loader,
-					"css-loader",
-					"less-loader"
-				]
-    	}
+			}
 		]
 	},
 	// some weird bug when loading js-owncloud-client, no idea... see https://github.com/webpack-contrib/css-loader/issues/447
diff --git a/yarn.lock b/yarn.lock
index f41662088ec..89bd5677293 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7679,6 +7679,11 @@ vuex-persist@^2.0.0:
     circular-json "^0.5.5"
     lodash.merge "^4.6.1"
 
+vuex-router-sync@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/vuex-router-sync/-/vuex-router-sync-5.0.0.tgz#1a225c17a1dd9e2f74af0a1b2c62072e9492b305"
+  integrity sha512-Mry2sO4kiAG64714X1CFpTA/shUH1DmkZ26DFDtwoM/yyx6OtMrc+MxrU+7vvbNLO9LSpgwkiJ8W+rlmRtsM+w==
+
 vuex@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/vuex/-/vuex-3.0.1.tgz#e761352ebe0af537d4bb755a9b9dc4be3df7efd2"