Как получить данные из GraphQL запроса в v-list-item в Vue.js?

Я хочу получить данные из запроса GraphQL и показать его как лист в Vue с помощью v-list-item.

Вот что есть на данный момент

v-list-group(no-action, v-if='item.isFolder', :key='`childfolder-` + item.id')
      v-list-item(slot='activator')
        v-list-item-avatar(size='24')
          v-icon mdi-folder
        v-list-item-title {{ item.title }} 
      v-list-item(v-for="link in allLinks",
                  :key="link.id",
                  :link="link", 
                  color='primary')
        v-list-item-title {{ item.title }}
      v-list-item(href='/graphql', color='primary')
        v-list-item-title GraphQL
      v-list-item(href='item.path', color='primary')  
        v-list-item-title {{ item.title }}

И вот сам граф запрос.

 const resp = await this.$apollo.query({
    query: gql`
      query ($parent: Int, $locale: String!) {
        pages {
          tree(parent: $parent, mode: ALL, locale: $locale) {
            id
            path
            title
            isFolder
            pageId
            parent
            locale
          }
        }
      }
    `,
    fetchPolicy: 'cache-first',
    variables: {
      parent: item.id,
      locale: this.locale
    }
  })
  this.loadedCache = _.union(this.loadedCache, [item.id])
  this.currentItems = _.get(resp, 'data.pages.tree', [])  //_.get(resp, 'data.pages.tree', [])
  this.$store.commit(`loadingStop`, 'browse-load')

Я думаю есть возможность проитись v-for по графу и вывесть данные в виде списка из v-list-item?


Ответы (0 шт):