How can I sort the groups

[alkene0005]

As shown, I want the "Open" group to be displayed in the front, but I can't seem to control it

let selected = await arg({
    placeholder: 'Count: ' + todoList.length,
}, () => {
    return groupChoices(todoList.map(x => ({name: x.name, group: x.state, value: x})))
})

[johnlindquist]

@alkene0005

Use order in the group config:

// Name: Group Demo

import "@johnlindquist/kit"
import { faker } from "@faker-js/faker"

let companies = ["Facebook", "Apple", "Amazon", "Netflix", "Google"]
let sample = arr => arr[Math.floor(Math.random() * arr.length)]

let people = Array.from({ length: 10 }).map(() => {
  let name = faker.person.fullName()
  return {
    name,
    value: name,
    description: faker.color.human(),
    group: sample(companies),
  }
})

let grouped = groupChoices(people, {
  order: ["Google", "Netflix", "Amazon", "Apple", "Facebook"],
})

let result = await arg("Select a person", grouped)

await editor(result)