Add Vue settings menu component

Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>

js/components/AppSettingsMenu.vue

+<template>
+	<div>
+		<button title="Add account" />
+	</div>
+</template>
+
+<script>
+	export default {
+		name: "AppSettingsMenu"
+	}
+</script>

js/components/core/appNavigation.vue

@@ -35,7 +35,7 @@
 			<div id="app-settings-header">
 				<button class="settings-button"
 						data-apps-slide-toggle="#app-settings-content"
-				>{{t('settings', 'Settings')}}
+				>{{t('mail', 'Settings')}}
 				</button>
 			</div>
 			<div id="app-settings-content">

js/views/Home.vue

 <template>
 	<div id="content" class="mail">
-		<app-navigation :menu="menu"/>
-		<FolderContent />
+		<app-navigation :menu="menu">
+			<AppSettingsMenu slot="settings-content" />
+		</app-navigation>
 	</div>
 </template>
 
@@ -9,13 +10,15 @@
 	import chain from "ramda/es/chain";
 
 	import AppNavigation from "../components/core/appNavigation";
-	import FolderContent from "../components/FolderContent";
+	import AppSettingsMenu from "../components/AppSettingsMenu";
+	import FolderContent from "../components/FolderContent"
 
 	export default {
 		name: 'home',
 		components: {
-			AppNavigation,
+			AppSettingsMenu,
 			FolderContent,
+			AppNavigation
 		},
 		computed: {
 			menu () {
@@ -32,6 +35,8 @@
 					}
 
 					return items.concat(account.folders.map(folder => {
+						console.info('while', items, folder.id, folder.specialUse);
+
 						var icon = 'folder';
 						if (folder.specialUse) {
 							icon = folder.specialUse;