v-treeview - object data from axios

[petak23]

I want to ask: How can I use this component then I get data from axios as a object?

axios.get(this.link).then(response => {  
 var data = response.data  
 console.log(data)})

data:

{
"-3": {    
​​  children: { 14: {…}, 15: {…} }    
​​  id: -3    
​​  link: "...."    
​  ​name: "Home"    
​​}
​
"-2": Object { id: -2, name: "Second part", link: "...", children: {...} … }
...
}

[jacekkarczmarczyk]

Convert data from axios to the correct structure, children property must be an array or undefined, not an object

[petak23]

Yes but how? Part of data in v-treeview is object, part array...

[jacekkarczmarczyk]

const items = {
  '-3': {
    id: -3,
    link: '...',
    name: 'Home',
    children: {
      14: {
        id: 14,
        link: '...',
        name: 'Something',
      },
      15: {
        id: 15,
        link: '...',
        name: 'Something else',
      },
    },
  }
}

function convert(itemsObject) {
  return Object.values(itemsObject).map(item => ({
    ...item,
    children: item.children ? convert(item.children) : undefined,
  });
}

console.log(convert(items));

[petak23]

Thanks. Its working.