From 09c1de513c2cc12b83ad75a908e4ac8dd26ea978 Mon Sep 17 00:00:00 2001
From: James Mead <james@floehopper.org>
Date: Fri, 20 Sep 2024 12:48:08 +0100
Subject: [PATCH] Add another level of nested sub-component

---
 app/views/home/AnotherComponent.html.svelte | 1 +
 app/views/home/MyComponent.html.svelte      | 4 ++++
 2 files changed, 5 insertions(+)
 create mode 100644 app/views/home/AnotherComponent.html.svelte

diff --git a/app/views/home/AnotherComponent.html.svelte b/app/views/home/AnotherComponent.html.svelte
new file mode 100644
index 0000000..671938d
--- /dev/null
+++ b/app/views/home/AnotherComponent.html.svelte
@@ -0,0 +1 @@
+<p>AnotherComponent</p>
diff --git a/app/views/home/MyComponent.html.svelte b/app/views/home/MyComponent.html.svelte
index ff8c92c..cc616bb 100644
--- a/app/views/home/MyComponent.html.svelte
+++ b/app/views/home/MyComponent.html.svelte
@@ -1,4 +1,6 @@
 <script>
+  import AnotherComponent from "./AnotherComponent.html.svelte";
+
   let count = 0;
 
   const increment = () => {
@@ -9,3 +11,5 @@
 <p>{count}</p>
 
 <button on:click|preventDefault={increment}>Increment</button>
+
+<AnotherComponent></AnotherComponent>