recursive.js

export const content = [
  { label: 'Item 1' },
  {
    label: 'Item 2',
    children: [
      { label: 'Item 2.1' },
      { label: 'Item 2.2' },
      {
        label: 'Item 2.3',
        children: [
          { label: 'Item 2.3.1' },
          { label: 'Item 2.3.2' },
          { label: 'Item 2.3.3' },
        ]
      }
    ]
  },
  { label: 'Item 3' },
  {
    label: 'Item 4', children: [
      { label: 'Item 4.1' },
    ]
  },
]

/*
<ul>
  <li>Item 1</li>
  <li>
    Item 2
    <ul>
      <li>Item 2.1</li>
      <li>Item 2.2</li>
      <li>
        Item 2.3
        <ul>
          <li>Item 2.3.1</li>
          <li>Item 2.3.2</li>
          <li>Item 2.3.3</li>
        <ul>
      </li>
    <ul>
  </li>
  <li>Item 3</li>
  <li>
    Item 4
    <ul>
      <li>Item 4.1</li>
    </ul>
  </li>
<ul>
*/