tag をグループ分けできるように仕組みを構築中。
サイドバーに木を作るべく弄くりまわしていたところ、
ちょっと svelte 力が上がった。
再帰コンポーネント
木なので。
svelte:self でできる。
Recursive Component Renders Flat • REPL • Svelte
複数 slot
sidebar と main で2つ slot したかった。 名前つき slot でできる。
SCC - Multiple Slot • REPL • Svelte
微妙に更新されない
コンポーネントが破棄されずに再利用されるのが原因ぽい。
<script> is not executed when browsing from a [slug].svelte route to itself even with a different slug · Issue #4895 · sveltejs/kit
Describe the bug If you have a [slug].svelte route page that has a link to itself, when you click on the link, the page <script> is not executed as expected. This causes all the page variables not ...
インタラクティブなものを作っているつもりでなくても、必要な場合があることがわかった。
[...slug] で slug のみが変わるときにコンポーネントの再利用が起きた場合に必要ぽい。
木の選択状態を反映する Component で必要だった。
svelte のサイトが妙に速いのは通常のリンクに見えるところでも、なんか仕込みがあるぽいことが察っせられる。
次のメッセージが時々出るのも気になる。
src/routes/tags/[tag]/+page.server.ts: Accessing `params.posts` in a promise handler after `load(...)` has returned will not cause the function to re-run when the param changesTODO:
木の開閉。