18 lines
599 B
Vue
18 lines
599 B
Vue
|
<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>
|