#piper день 2:

Итак, за сегодня я смог сделать боковую панель и отложенную загрузку изображений.

Очевидно, большую часть времени сожрали именно изображения, а именно попытка заставить их работать как с включённым JS так и без. И... я провалил задачу.

Я пытался сделать через svelte/action. По сути, это функция, которая вызывается при создании объекта и ей в аргументы попадает сам элемент. Собственно, творить можно что угодно с элементом. А главное, это всё выполняется только на клиенте. То есть, я могу отправить разметку где изображение просто лениво загружается, а уже клиент добавить анимацию скелета и плавное проявление при полной загрузке.

Однако мне не получилось нормально натравить tailwind на ts файлы. Он просто не видит там классы. Пока временно сделал через компонент, но при отключённом JS показывается лишь анимация, а изображение так и остаётся прозрачным.

У меня есть в голове уже готовое решение (ака костыль, ака глобальный класс), но я уверен что есть способ лучше.