looping into object

by RomainMazB

HTML

<html>
  <body>
    <div id="app">
      <div
     v-if="user && Object.keys(user).length"
  >
        <ul>
          <li v-for="(item, index) in user" :key="index">
            <ul v-if="typeof item === 'object'">
              <li v-for="(item, index) in item" :key="index">{{ index }} : {{ item }}</li>
            </ul>
            <span v-else>{{ index }} : {{ item }}</span>
          </li>
        </ul>
      </div>
    </div>
  </body>
</html>

JavaScript

const App = new Vue({
	el: '#app',
  data: {
  	user: {
      home_address_string: "",
      home_point: "SRID=4326;POINT (0 0)",
      id: 2,
      if_bike_owned: false,
      if_cars_owned: false,
      if_motorcycle_owned: false,
      user: { first_of_object: 'first', second_of_object: 'second'},
      date_joined: "30/07/2019 09:58:04",
      email: "[email protected]",
      first_name: "Franco",
      id: 3,
      is_active: true,
      is_staff: false,
      is_superuser: false,
      last_login: "04/08/2019 11:18:58",
      last_name: "Satta",
      username: "francis"
    }
  },
  methods: {
  	
  },
  computed: {
  	
  },
  mounted() {
  	console.log(this.user.length);
  }
});