Fix removing one <title> renders all previous <title>s

Author: yume-chan

src/index.tsx

@@ -155,6 +155,7 @@ function initClientProvider() {
             for (let i = index - 1; i >= 0; i--) {
               if (t[i] != null) {
                 document.head.appendChild(t[i].ref);
+                break;
               }
             }
           }

test/index.spec.tsx

@@ -89,6 +89,35 @@ test("unmount middle child, should show only the last title", () => {
   dispose();
 });
 
+test("unmount last child, should show only the second last title", () => {
+  let div = document.createElement("div");
+  const snapshot1 = "<title>Title 3</title>";
+  const snapshot2 = "<title>Title 2</title>";
+  const [visible, setVisible] = createSignal(true);
+  const dispose = render(
+    () => (
+      <MetaProvider>
+        <div>
+          <Title>Title 1</Title>
+        </div>
+        <div>
+          <Title>Title 2</Title>
+        </div>
+        <Show when={visible()}>
+          <div>
+            <Title>Title 3</Title>
+          </div>
+        </Show>
+      </MetaProvider>
+    ),
+    div
+  );
+  expect(document.head.innerHTML).toBe(snapshot1);
+  setVisible(false);
+  expect(document.head.innerHTML).toBe(snapshot2);
+  dispose();
+});
+
 test("hydrates only the last title", () => {
   hydrationScript();
   let div = document.createElement("div");
@@ -361,4 +390,4 @@ test("Escaping the title meta", () => {
   );
   expect(document.head.innerHTML).toBe(snapshot);
   dispose();
-});
+});