так тут не будет вайтспейсов мне кажется

Хочу разделить на:
{format(hour)}
{format(min)}
{format(sec)}
Остальное

Есть, сижу компилирую

Можно же переносы делать с `бэктиками`

после каждого - вайтспейс

{
  format(hour)
  format(min)
  format(sec)
}

? 🤔

чет не верится

я бы вообще написал так:

$: date = `${format(hour)}:${format(min)}:${format(sec)}`;

{date}

не понимаю смысла засирать шаблон, даже хелперами, если они не относятся к контексту шаблона

{
  format(hour)
  format(min)
  format(sec)
}

Не очень весело в конце каждой строки / между строками плюс ставить, но что поделать, походу только этот вариант остался ;(

тут + то зачем?

а ты про канкатинацию)

Мгм

$: date = `${format(hour)}:${format(min)}:${format(sec)}`;

{date}

То же в одну строку, но теперь в скрипте)

напиши функцию хелпер:

function formatAll(...dates) {
   return dates.map(date => format(date)).join(' ');
}

{formatAll(hour, min, sec)}

По поводу того, где писать, в разметке или выносить в хэлпер.

Я вот к чему пришел

Если сложная логика — однозначно выносить.

Если переиспользование или многословность — тоже выносить.

Если плохо читается — лучше вынести и разбить на читаемые последовательности.

В остальных случаях всё прямо в разметке.

А вот условные операторы лучше стараться держать в разметке.

Я пробовал выносить и это превращается в полный П.

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

+1

Приветствую, ребята. Я С++ программист, который сейчас ведет маленький C#/JS пет-проджект с друзьями (так вышло). Что я у вас забыл? У нас есть CEF, он же Хромиум, он же веб-браузер. Мы хотим рисовать странички. Вернее, у нас есть некоторый бекенд на C#, который умеет что-то отправлять клиенту на JS. А клиент на JS умеет рисовать в CEFe веб-странички.
Очевидно, есть возможность вкрутить в это дело какой-то модный JS фреймворк.

Требования проектика очень небольшие: иметь какой-то сингл пейдж апликатион, на котором мы сможем подключать/отключать какие-то элементы. Допустим, справа внизу экрана всегда рисуются часики, а если надо - посреди экрана поверх всего выезжает формочка. Вероятно, даже никакой роутер не нужен (страница одна, просто динамически надо уметь загружать+рисовать/выгружать+не рисовать какие-то элементики в DOM).
Ну и минимальная реактивность нужна у нас сейчас jQuery и мы хотим застрелиться. Конечно, как императивщик до костей, я подумываю про TypeScript (ну хоть немного типов). Никакой нативной шняги не требуется. Общение между CEF <-> JS клиент идет через кастомную систему ивентов. Ну и конечно хочется минимально иметь какой-то бутстрап, чтоб не упарываться в стили.

После прочтения нескольких холиваров статей на хабре, особенно от Павла (ответ на какой-то обзор на Свелт), выбор пал на Свелт. Angular когда-то пробовал, слишком монструозный. Реакт не осилили. Вью пробовали из CDN, но оказалось что в 2к20 никто так не пишет, а с Vue-компонентами не разбирались.

Подскажите, правильный ли Svelte выбор?
По факту надо формошлепить, отображать всякие жсон-данные в виде таблички, немного реактивности и как-то динамически показывать разные формочки поверх всякого контента юзая css-магию + костыли над DOM.

Мне во всяком случае Свелт приглянулся своей простотой/лаконичностью/все в одном файле.

> Подскажите, правильный ли Svelte выбор?

Почему бы и нет?