Size: a a a

2020 September 08

PM

Pavel 🦇 Malyshev in Svelte [svelt]
а еще, все пропсы которые передаются на Viewpoint, кроме тех что являются его собственными, передаются в  виде объекта аргументом в preload
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
то есть можно сделать так:

// App.svelte

<Route path="blog/:id" let:params>
 <Viewpoint {params} component={() => import('./pages/BlogPost.svelte')} />
</Route>

// BlogPost.svelte

<script context="module">
 export async function preload({ params }) {
   const post = await fetchPostById(params.id);
   return { post };
 }
</script>

<script>
  export let post = null;
</script>
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
@Rysakovms вот более-менее законченный пример
источник

М

Максим in Svelte [svelt]
Опа, интересная штука выходит
источник

М

Максим in Svelte [svelt]
Спасибо, заюзаю это
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Максим
Спасибо, заюзаю это
кстати, если не ошибаюсь, то можно юзать и статические компоненты.
источник

PM

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

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Для этого нужно в пропс component просто передать конструктор компонента, а не функцию как в примере выше
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
собственно как это делается в svelte-routing
источник

М

Максим in Svelte [svelt]
ага, понял
источник

AS

Alexey Solovyov in Svelte [svelt]
Ещё есть вариант - сделать все как во vue, в моем easyroute. Вдруг пригодится)
https://github.com/lyohaplotinka/svelte-easyroute
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Alexey Solovyov
Ещё есть вариант - сделать все как во vue, в моем easyroute. Вдруг пригодится)
https://github.com/lyohaplotinka/svelte-easyroute
о ты его развиваешь? класс!
источник

AS

Alexey Solovyov in Svelte [svelt]
Pavel 🦇 Malyshev
о ты его развиваешь? класс!
Нерегулярно, к сожалению. Но уже есть вложенные маршруты)
источник

М

Максим in Svelte [svelt]
Alexey Solovyov
Ещё есть вариант - сделать все как во vue, в моем easyroute. Вдруг пригодится)
https://github.com/lyohaplotinka/svelte-easyroute
а как на счет ssr ? )
источник

AS

Alexey Solovyov in Svelte [svelt]
Максим
а как на счет ssr ? )
Не, это ещё даже не тестировал. Демо-апп работает с пререндерингом.
источник

DV

Dmitriy Vishnevskiy in Svelte [svelt]
Чат svelte native встречал кто-нибудь?
источник

A

Arushwl in Svelte [svelt]
Dmitriy Vishnevskiy
Чат svelte native встречал кто-нибудь?
источник
2020 September 09

r

radimir in Svelte [svelt]
Народ, вопрос по svelte-preprocess.
Есть проблема с интерпретацией функций в Less:
<style lang="less">
#class() {
 width: 100%;
 height: 100%;
}
.my_class {
 #class();
 width: 50%;
}
...
Компилятор выдает ошибку.
81:   #cart-item() {                                                                                                                            
               ^                                                                                                                                
82:     position: relative;                                                                                                                      
83:   }                                                                                                                                          
ParseError: Identifier is expected but function found
источник

КС

Кирилл Спасибович... in Svelte [svelt]
radimir
Народ, вопрос по svelte-preprocess.
Есть проблема с интерпретацией функций в Less:
<style lang="less">
#class() {
 width: 100%;
 height: 100%;
}
.my_class {
 #class();
 width: 50%;
}
...
Компилятор выдает ошибку.
81:   #cart-item() {                                                                                                                            
               ^                                                                                                                                
82:     position: relative;                                                                                                                      
83:   }                                                                                                                                          
ParseError: Identifier is expected but function found
может дело в - ?
обычно в именах функций - не используется
но я не знаю как там в less это должно работать :)

странноватый синтаксис если честно, конфликтный с уже существующим
источник

r

radimir in Svelte [svelt]
Товарищ говорит, штатный (десктопный) компилятор хавает, а node'овский нет.
Передал эту версию.
источник