Прогрессивное улучшение формы с помощью Svelte?

Question

У меня есть страница php с рабочим элементом формы, который включает в себя селекты, поля ввода и т. Д. Я хочу, чтобы форма продолжала работать без js, но если js доступен, я хотел бы преобразовать стандартные входные данные в расширенные компоненты Svelte. Как бы вы подошли к этому? Например. Как передать все доступные опции для тега select компоненту svelte, который заменит его?

Answer 1

Вы бы сделали опции доступными, как и для любых других данных, которые вы используете в своем веб-интерфейсе: 1) жестко закодируйте их в файлах javascript (не очень гибко, вероятно, не то, что вам нужно) 2) выполните fetch и получитеданные через API с сервера 3) добавьте их как свойство в окно в php и используйте в своем приложении svelte.

window.something = {
  selectOptions: [...]
}