<template>
    <q-list>
        <nav-item v-for="(x,i) in menus" :menu="x" :key="i"></nav-item>
    </q-list>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import navItem from './nav-item.vue'

export default defineComponent({
  components: { navItem },
  name: 'navs',
  props: {
    menus: {
      type: Array,
      required: true
    }
  }
})
</script>

<style></style>
