ну или вместо $: явно сделать .subscribe()

Этот вариант работает только как веб-компонент (компиляция с флагом customElement). А для обычного элемента - не работает. Как можно установить новое значение свойства у компонента, не завернутого в shadow dom?

Не очень очевидно, и не особо понятно,  что за кейс, что без метода нельзя

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

вот и встал вопрос, что лучше, выкинуть наружу метод и родитель подпишет его на событие "брата"
или выкинуть наружу пропс, родитель по событию пропс меняет, а в самом компоненте логика в блоке
$: if(props) {}

мне метод лучше кажется, так как он без if  и лишнего тика реактивности нет

Ну кнопки меняют переменную, она как пропс во вью компонент, на изменение пропса реагировать функцией

У тебя логика разрозненная получается, запутаешься потом

это все в скопе одного компонента торчащего наружу,  то есть отношения между ними менятся не будут, другие компоненты только родителя знают

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

если быть совсем точным, у меня есть компонент который умеет делать
section.scrollIntoView({behavior: 'smooth'});
для своего элемента <section>
и есть пачка компонентов в которых кнопка "пропустить" - которая должна проскролить к той <section>

и все в 1 родителе лежат

Посмотри как доки (api) свелта сделаны,  там же меню в виде ссылок и прокручивают на нужное место.

там анкоры обычные

меня не устраивает анкор, ибо мой родитель может быть несколько раз на странице
и тогда мне нужен уникальный id для каждой вставки

Привет. Если кому интересны готовые приложения на свелте с исходным кодом.
Запилил себе словарик для обучения иностранному языку.
приложение под мобилку, на десктопе смотрится растянуто)

демка https://yazonnile.github.io/lernen/client/gitpages/
код https://github.com/yazonnile/lernen

pwa, offline, speech api
на демке не работает синхронизация тк нужен сервер, который localhost ˆ) но веб часть работает и без сервера хорошо

Не первое приложение на свелт. Но первое публичное.

Со светле все отлично, как всегда. Кроме одной досадной вещи.
В приложении активно использовал свелте анимации in:fly in:scale  и тд, Но в итоге почти всю переписал на CSS анимацию.
Почему - все работало отлично до какого-то рандомного момента (без перезагрузки страницы). Потом то IN часть начинала ломаться, то OUT
То обе одновременно. Т.е просто не было анимации, а после duration был резкий переход.
Я грешу на то, что анимации использовались реально очень часто и постоянно (подсказки, элементы ui) и в какой-то момент что-то в свелте сбивалось.
Не дебажил. Но вот написал текст и стало интересно. Видимо придется поковыряться в коммитах до css апдейта.

Ну а так, все классно и удобно. советую, так сказать:)

Выглядит очень круто, поздравляю!)

https://github.com/thinkjazz/lambda-proton вот пилю один денборд с ui компонентами

Приветлепра

привет диодам