How to order applauncher apps by most often used.

[ItsTerm1n4l]

My code (the basics).

function AppsList() {
  return Widget.Scrollable({
    vexpand: true,
    child: Widget.Box({
      className: 'apps',
      vertical: true,
      spacing: 8,
      setup: (self) => self.hook(query, () => {
        const queriedApps = ApplicationsService.query(query.value)
        selectedApp.value = queriedApps[0]

        self.children = queriedApps.map(Application)
      })
    })
  })
}

export default function() {
  return Widget.Box({
    className: 'app_launcher',
    spacing: 8,
    vertical: true,
    children: [
      Header(),
      AppsList()
    ]
  })
}

Thank you.