Astroで名前付きスロットが使えるのは、同系統のコンポーネント間だけ
つまり、名前付きスロットを`.astro`なコンポーネントで使うとき、
--- import Layout from "..."; --- <Layout> <h2 slot="after-header">After header</h2> <h2>Default slot</h2> <h2 slot="after-footer">After footer</h2> </Layout>
これが想定通りに動作するのは、`Layout`コンポーネントも`.astro`のときだけ、という話。
たとえば`Layout`コンポーネントが`.svelte`だったりすると、名前付きスロットに渡したコンポーネントが表示されないのです。(それどころか、名前なしスロットの部分まで表示されなかったりする)
続きを読むちなみに、Astroのバージョンは`1.0.0-beta.17`のときの話です
Astro のコードを読む Part.1
GitHub - withastro/astro: Build fast websites, faster. 🚀🧑🚀✨
読みはじめた時点でのコミットは`21926278ba664d8362694efe51943968dfcb4b26`で、バージョンでいうと`1.0.0-beta.9`です。(めちゃめちゃ頻繁に更新されるので、今はもう最新ではないはず)
続きを読むCloudflare WorkersでWebフォントの配信を最適化する
ということをやってる公式のサンプルを見つけたので、なるほど?って思いながら見てた。
https://github.com/cloudflare/worker-examples/tree/master/examples/fast-google-fonts
あと、そのままは流用できなかったけど、似たようなことを手元のGoogle Fontsを使ってるプロジェクトで試してもみた。
続きを読む