totole/sapper
1
0
Fork 0
mirror of https://github.com/kevin-DL/sapper.git synced 2026-01-20 22:35:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

use nextTick

Browse Source
This commit is contained in:
Rich Harris
2019-01-30 13:35:50 -05:00
parent e4319bee0e
commit 83f7102f6b
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
templates/src/client/app.ts
View File

@@ -1,3 +1,4 @@
import { nextTick } from 'svelte';
import RootComponent, * as RootComponentStatic from '__ROOT__'; import RootComponent, * as RootComponentStatic from '__ROOT__';
import ErrorComponent from '__ERROR__'; import ErrorComponent from '__ERROR__';
import { import {
@@ -161,10 +162,12 @@ function render(props: any, nullable_depth: number, scroll: ScrollPosition, nosc
level.component = null; level.component = null;
root_component.$set({ child: props.child }); root_component.$set({ child: props.child });
// then render new stuff nextTick(() => {
// TODO do we need to call `flush` before doing this? // then render new stuff
level.component = component; // TODO do we need to call `flush` before doing this?
root_component.$set(props); level.component = component;
root_component.$set(props);
});
} else { } else {
// first load — remove SSR'd <head> contents // first load — remove SSR'd <head> contents
const start = document.querySelector('#sapper-head-start'); const start = document.querySelector('#sapper-head-start');