アプリケーション全体を単一のコンポーネントに配置することは非現実的です。代わりに、他のファイルからコンポーネントをインポートし、マークアップに含めることができます。

Nested.svelte をインポートする<script>タグをApp.svelteの先頭に追加します…

<script>
	import Nested from './Nested.svelte';
</script>

…そして、<Nested />コンポーネントを含めます。

<p>This is a paragraph.</p>
<Nested />

Nested.svelteに<p>要素があるにも関わらず、App.svelteのスタイルが漏れてこないことに注意してください。

コンポーネント名は、HTML要素と区別するために大文字で始まります。