Как заполнить ChoicesJs значениями, которые сохраняются в базе данных?

Question

Я использую choicesjs: https://joshuajohnson.co.uk/Choices/

И у меня все получилось, чтобы сохранить выбранные варианты в моей базе данных.

Так что если я выберу, например, джаз, хип-хоп и рок.

и затем отправьте форму, эти значения будут сохранены в моей пользовательской модели в свойстве genres.

Теперь я хочу сделать это так, чтобы при загрузке страницы те же самые значения заполнялись на множественном выборе ввода?

это мой файл мопса:

form(action="/account" method="POST" enctype="multipart/form-data")
  label(for="name") Name
  input(type="text" name="name" value=user.name)
  label(for="email") Email Address
  input(type="email" name="email" value=user.email)
  label(for="genres") Genres
  select(name='genres', placeholder='Example: Techno, Jazz, Rap...', multiple='')
  input.button(type="submit" value="Update My Account")

Тогда у меня есть этот код JS:

import Choices from 'choices.js'


const musicGenres = [
  "Techno", "House",
  "Afro Beat", "high life", "Juju", "Fuji", "Apala",
  "Experimental music", "Noise", "Lo-fi", "Musique concrète", "Electroacoustic", "Rap"]

const generosWithLabelandValue = musicGenres.map( x => {
  return {value: x, label: x}
})

const genresMultiOptions = new Choices('#generos', {
  choices: generosWithLabelandValue,
  removeItemButton: true,
})

Как я могу сделать так, чтобы при загрузке страницы он заполнял выбранные значения, находящиеся в БД, и отображал их при выборе js input?

Спасибо.