Question 9: Consider the following Vue application with javascript fi…

1const Teams = {
2  template: `<ol><li v-for='team in
3teams'>{{team.name}}</li></ol>`,
4  data() {
5    return {
6      teams: [
7        { name: 'India', points: 827 },
8        { name: 'Australia', points: 820 },
9      ],
10    }
11  },
12}
13const Rankings = {
14  template: `<ol><li v-for='team in sortedTeams'>
15{{team.name}}</li></ol>`,
16  data() {
17    return Teams.data()
18  },
19  computed: {
20    sortedTeams() {
21      return this.teams.sort((team1, team2) => {
22        return team1.points - team2.points // Statement 1
23      })
24    },
25  },
26}
27
28const router = new VueRouter({
29  routes: [
30    { path: '/', component: Teams },
31    { path: '/ranking', component: Rankings },
32  ],
33})
34
35new Vue({
36  el: '#app',
37  template: `<div> <router-view /> </div>`,
38  router,
39})

1<div id="app"></div>