Add a proper setting menu

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Settings/SettingsMenu.vue

@@ -0,0 +1,18 @@
+<template>
+    <ul>
+        <SettingMenuSection v-for="section in menuValue" :key="section.title" :menu-section="section" />
+    </ul>
+</template>
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-property-decorator';
+import SettingMenuSection from '@/components/Settings/SettingMenuSection.vue';
+import { ISettingMenuSection } from '@/types/setting-menu.model';
+@Component({
+  components: { SettingMenuSection },
+})
+export default class SettingsMenu extends Vue {
+  @Prop({ required: true, type: Array }) menu!: ISettingMenuSection[];
+
+  get menuValue() { return this.menu; }
+}
+</script>