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>
|
|
|
|
|
<aside>
|
|
|
|
|
<ul>
|
|
|
|
|
<SettingMenuSection
|
|
|
|
|
v-for="section in menuValue"
|
|
|
|
|
:key="section.title"
|
|
|
|
|
:menu-section="section"
|
|
|
|
|
/>
|
|
|
|
|
</ul>
|
|
|
|
|
</aside>
|
|
|
|
|
</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>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
/deep/ a {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
