Да мне прост интересен ваш кейс использования svelte

Секрет чтоли?

export function loadStore() {
  const { subscribe, set, update } = writable({
    data: null,
    status: null
  });

  const fetch(query) {
    update(o => {...o, status: 'loading'});
    fetchData(query)
      .then(res => set(o => {data: res, status: 'success'}))
      .catch(err => update(o => {...o, status: 'failure'}));
  }

  return { subscribe, set, update, fetch };
}

если очень грубо то как-то так

export function loadStore() {
  const { subscribe, set, update } = writable({
    data: null,
    status: null
  });

  const fetch(query) {
    update(o => {...o, status: 'loading'});
    fetchData(query)
      .then(res => set(o => {data: res, status: 'success'}))
      .catch(err => update(o => {...o, status: 'failure'}));
  }

  return { subscribe, set, update, fetch };
}

Спасибо, ночью попробую и отпишусь!

чуток поправил, смысл в общем в том, что этот конструктор сторов будет валяться где-то в lib.js

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

и в компоненте этого мусора видно не будет

другое дело, что нужно будет продублировать в preload получение данных, т.к. нам нужен будет промис

а этот стор по сути прячет промисы от нас

т.е. мы не можем просто в preload сказать ему store.fetch(query)

Получается, в прелоад тоже нужно притащить стор?

вот тут и правда интересно, как нам его инициализировать в прелоаде и будет ли это вообще работать :)

😅ни разу не пробовал стор тащить в контекстный модуль

и так чтобы это не портило инициализацию уже в браузере

Как буду дома, рискну попробовать. Хочется всё-таки через промисы.

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

мне кажется через ифы только получится нормально, т.к. ssr'у нужны данные

т.е. сам await в шаблоне в ssr не понятно как будет функционировать

на клиенте то можно всё сделать

export async function preload(page) {
  const results = loadStore();
  fetchData(page.query.search)
    .then(res => results.set({ data: res, status: 'success' }));
  return { results };
}

получится наверное как-то так, мы размазываем стор по компоненту, а там уже начинает работать логика на ифах, которая в ssr просто отобразит контент, а на клиенте по изменению query запустит fetch, который начнёт переключать status, который в свою очередь будет показывать нам спиннеры и тд