Выглядит как костыль :D

Понятненько)

нуу, если сделаешь лучше, то мы будем рады =)

пулл реквест для форвардинга всех событий "on:*" висит уже давно. Что-то там с нима не получается. Для атрибутов хоть не так давно сделали $$restProps, до этого тоже приходилось подобным костылем отсеивать из $$props атрибуты от пропсов.

я так понимаю  "рендер" функцию в пропсе сделать нельзя?  я вот сейчас вот так попробовал.

<script>
   export let renderElement = () => <div>12312</div>
</script>

<div>
    <slot />
    {renderElement()}
</div>


<Element renderElement={() => <div>aaa</div>}>

<script>
   export let renderElement = () => <div>12312</div>
</script>

<div>
    <slot />
    {renderElement()}
</div>


<Element renderElement={() => <div>aaa</div>}>

Это же не реакт…)

старые привычки =)

🤔я правильно понимаю рендер функции вообще нельзя писать в <script> которые будут возвращать компонент или разметку?

Нет рендер функций)

функции которые возвращают компонент/разметку*

впринципе все это решается в шаблонизаторе, да

Только если с @html будешь вставлять

Но тут так не принято) Разделяй на компоненты, вставляй в слоты, не надо писать в теге script разметку

Мне кажется тем, кто с Vue пришел, легче перейти на свелт, т.к. все очень тут похоже

после реакта пересесть на шаблонизатор сложно, да)

<script>
const successMessage = () => <div>hello</div>
const errorMessage = () => <div>aaaa</div>
    
    
let success = false
let error = false
</script>

{#if success}
  {successMessage()}
{/}

{#if error}
   {errorMessage()}
{/}

когда хочется так писать:D

ладно, не буду тут больше богохульствовать)😅

да и с angular думаю тоже)

Я года 3-4 назад на первом писал) попроще все равно понимать )

А зачем, если можно так)

<script>   
let success = false
let error = false
</script>

{#if success}
  <div>hello</div>
{/if}
{#if error}
  <div>aaaa</div>
{/if}

да=)