Size: a a a

2020 September 01

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Alexander Ponomarev
свелт поддерживает вебкомпоненты? вебкомпоненты слотабл

https://jsfiddle.net/jmpogfuq/

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

PM

Pavel 🦇 Malyshev in Svelte [svelt]
только свелт-компоненты к ним не имеют отношения. это лишь абстрация над DOM
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
по-сути это верно ведь, Custom Elements == DOM Elements, но Custom Elements != Svelte Components
источник

К

Константин in Svelte [svelt]
Alexander Ponomarev
свелт поддерживает вебкомпоненты? вебкомпоненты слотабл

https://jsfiddle.net/jmpogfuq/

с чего бы не дать атрибут слот на свелт компонентах я не понимаю
#me2
источник

AP

Alexander Ponomarev in Svelte [svelt]
Pavel 🦇 Malyshev
конечно свелт поддерживает веб-компоненты, так же как любые HTML элементы
определение вебкомпонентов?

<svelte:options tag="my-element" />

<script>
 export let name = 'world';
</script>

<h1>Hello {name}!</h1>
<slot></slot>
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Alexander Ponomarev
определение вебкомпонентов?

<svelte:options tag="my-element" />

<script>
 export let name = 'world';
</script>

<h1>Hello {name}!</h1>
<slot></slot>
это просто режим компиляции в веб-компонент. кстати не знаю будет ли работать если скомпилировать все компоненты в веб-компоненты. возможно тогда можно и slot юзать прям на веб-компоненте
источник

IF

Igor Filippov in Svelte [svelt]
Там IBM выпустили свою UI либу под свелт. Кто-то уже пробовал? Собственно интересует вопрос, как собрать хедер как по ссылке https://ibm.github.io/carbon-components-svelte/?path=/story/uishell--header-with-utilities . Ну и в целом впечатления
источник

AP

Alexander Ponomarev in Svelte [svelt]
Igor Filippov
Там IBM выпустили свою UI либу под свелт. Кто-то уже пробовал? Собственно интересует вопрос, как собрать хедер как по ссылке https://ibm.github.io/carbon-components-svelte/?path=/story/uishell--header-with-utilities . Ну и в целом впечатления
класснеймы нельзя передавать
источник

К

Константин in Svelte [svelt]
>> <svelte:options tag="my-element" />
А чо, так можно было, что ли? О_о
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Pavel 🦇 Malyshev
это просто режим компиляции в веб-компонент. кстати не знаю будет ли работать если скомпилировать все компоненты в веб-компоненты. возможно тогда можно и slot юзать прям на веб-компоненте
тут будет зависеть как <slot></slot> реализован для режима компиляции в веб-компонент.не исключено что он остается просто как есть и значит работает по правилам браузерной реализации
источник

IF

Igor Filippov in Svelte [svelt]
Alexander Ponomarev
класснеймы нельзя передавать
Ну да, я заметил что там стили вшити, ток через глобал менять разве что.
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Константин
>> <svelte:options tag="my-element" />
А чо, так можно было, что ли? О_о
но не нужно
источник

К

Константин in Svelte [svelt]
Мне было нужно для компонента-лэйаута
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Константин
Мне было нужно для компонента-лэйаута
просто это ты завязываешься на веб-компоненты
источник

К

Константин in Svelte [svelt]
Не нужно, потому что оптимизацию портит?
источник

IF

Igor Filippov in Svelte [svelt]
Какие еще есть ui либы по свелт, по типу карбона, может просто с другой стилистикой. Последнее время не слежу за тем что там выходит
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
честно говоря сколько не делал компонентов-лейаутов, никогда не испытывал сложностей с дополнительными div
источник

AP

Alexander Ponomarev in Svelte [svelt]
Pavel 🦇 Malyshev
честно говоря сколько не делал компонентов-лейаутов, никогда не испытывал сложностей с дополнительными div
честно говоря я делал максимально сложные лейауты и компоненты, и мне эти дополнительные дивы как ком в горле, особенно когда тебе надо поддерживать браузеры без display: contents
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Константин
Не нужно, потому что оптимизацию портит?
ну просто дополнительная технология, для которой нужны свои примочки типа полифилов и тп. короче я бы не советовал для такой задачи как лейаут. если прям хочешь все приложение на веб-компонентах сделать, то ОК, но столкнешься с еще большими ограничениями и тогда лишний div покажется сказкой
источник

AP

Alexander Ponomarev in Svelte [svelt]
но даже с display: contents этот элемент получит только лэйаут как у ребенка, но в цсс селекторах он не станет прозрачным
источник