You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<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>
|
