можно еще напрямую с формой поработать

Формдата?

Паш, а let через 2 уровня можно вытащить?

думаю да

Подцепить стор из эдитора и скидывать туда значения

Инпутов

меня смущает что компонент-обертка (а любой компонент реализующий слот это просто обертка), работает с данными, находящимися в скоупе другого компонента на 2 уровня выше

так я же просто шаблон хочу прокидывать ) данные в него заедут ниже

В свет же нет понятия «шаблон»))

всем привет)
есть возможность скомпилированный свелт компонент встроить в React или Vue и использововать уже как их  компоненты??

есть https://svelte.dev/docs#Client-side_component_API

вообще, работая над perlite, я понял что реакт ближе к видению веб-компонентов, а компоненты свелт ближе к понятию "виджет".только в отличии от классических виджетов с большими возможностями для композиции.

немного устарело, но +/- оно

на реакте как-то так наверно будет

export const SvelteComponent = React.memo(React.forwardRef({ Component, ...rest }, ref) {
      const target = useRef(null);
      const component = useRef(null);
      useLayoutEffect(() => {
             component.current = new App({
                        target: ref.target,
                        props: rest,
             });
             return () => component.current.$destroy()
      }, [Component]);
      useLayoutEffect(() => {
             component.current.$set(rest);
      });
      useImperativeHandle(ref, () => component.current);

      return <span ref={target}/>;
}));

Еще эвенты надо прокинуть

export const SvelteComponent = React.memo(React.forwardRef({ Component, ...rest }, ref) {
      const target = useRef(null);
      const component = useRef(null);
      useLayoutEffect(() => {
             component.current = new App({
                        target: ref.target,
                        props: rest,
             });
             return () => component.current.$destroy()
      }, [Component]);
      useLayoutEffect(() => {
             component.current.$set(rest);
      });
      useImperativeHandle(ref, () => component.current);

      return <span ref={target}/>;
}));

ого)) спасибо.
щас буду пробовать

с рефами я неправильно немного написал, нужно еще наверно useImperativeHandle сделать =)

вообще можно встраивать даже не скомпилированный компонент. точнее добавить компиляцию свелт компонентов в пайплайн сборщика, как описано в статье. тогда подключатся будут сорцы свелт прямо в реакт файлы:

import Component from './svelte_components/Component.svelte';

на у дальше заюзать адаптор, типа того что выше

можно наверное даже какой-то HOC сделать, типа withSvelte