reactive titles using #key

pi-base · Jun 6, 2024 · 03bad88 · 03bad88
1 parent 5785f14
commit 03bad88
Show file tree

Hide file tree

Showing 12 changed files with 12 additions and 12 deletions.
diff --git a/packages/viewer/src/routes/(app)/properties/[id]/+page.svelte b/packages/viewer/src/routes/(app)/properties/[id]/+page.svelte
@@ -9,6 +9,6 @@
  $: title = `P${data.property.id}: ${data.property.name}`
 </script>
 
-<Title {title} />
+{#key title}<Title {title} />{/key}
 
 <Show property={data.property} tab="theorems" rel={$page.url.pathname} />
diff --git a/packages/viewer/src/routes/(app)/properties/[id]/references/+page.svelte b/packages/viewer/src/routes/(app)/properties/[id]/references/+page.svelte
@@ -8,6 +8,6 @@
  $: title = `P${data.property.id}: ${data.property.name}`
 </script>
 
-<Title {title} />
+{#key title}<Title {title} />{/key}
 
 <Show property={data.property} tab="references" />
diff --git a/packages/viewer/src/routes/(app)/properties/[id]/spaces/+page.svelte b/packages/viewer/src/routes/(app)/properties/[id]/spaces/+page.svelte
@@ -8,6 +8,6 @@
  $: title = `P${data.property.id}: ${data.property.name}`
 </script>
 
-<Title {title} />
+{#key title}<Title {title} />{/key}
 
 <Show property={data.property} tab="spaces" />
diff --git a/packages/viewer/src/routes/(app)/properties/[id]/theorems/+page.svelte b/packages/viewer/src/routes/(app)/properties/[id]/theorems/+page.svelte
@@ -8,6 +8,6 @@
  $: title = `P${data.property.id}: ${data.property.name}`
 </script>
 
-<Title {title} />
+{#key title}<Title {title} />{/key}
 
 <Show property={data.property} tab="theorems" />
diff --git a/packages/viewer/src/routes/(app)/spaces/[id]/+page.svelte b/packages/viewer/src/routes/(app)/spaces/[id]/+page.svelte
@@ -10,6 +10,6 @@
  $: title = `S${data.space.id}: ${data.space.name}`
 </script>
 
-<Title {title} />
+{#key title}<Title {title} />{/key}
 
 <Show space={data.space} tab="properties" {rel} />
diff --git a/packages/viewer/src/routes/(app)/spaces/[id]/properties/+page.svelte b/packages/viewer/src/routes/(app)/spaces/[id]/properties/+page.svelte
@@ -7,6 +7,6 @@
  $: title = `S${data.space.id}: ${data.space.name}`
 </script>
 
-<Title {title} />
+{#key title}<Title {title} />{/key}
 
 <Show space={data.space} tab="properties" />
diff --git a/packages/viewer/src/routes/(app)/spaces/[id]/properties/[propertyId]/+page.svelte b/packages/viewer/src/routes/(app)/spaces/[id]/properties/[propertyId]/+page.svelte
@@ -10,7 +10,7 @@
 
 <h3>Space S{data.space.id} | Property P{data.property.id}</h3>
 
-<Title {title} />
+{#key title}<Title {title} />{/key}
 
 <h1>
  {#if data.proof}

diff --git a/packages/viewer/src/routes/(app)/spaces/[id]/references/+page.svelte b/packages/viewer/src/routes/(app)/spaces/[id]/references/+page.svelte
@@ -7,6 +7,6 @@
  $: title = `S${data.space.id}: ${data.space.name}`
 </script>
 
-<Title {title} />
+{#key title}<Title {title} />{/key}
 
 <Show space={data.space} tab="references" />
diff --git a/packages/viewer/src/routes/(app)/spaces/[id]/theorems/+page.svelte b/packages/viewer/src/routes/(app)/spaces/[id]/theorems/+page.svelte
@@ -7,6 +7,6 @@
  $: title = `S${data.space.id}: ${data.space.name}`
 </script>
 
-<Title {title} />
+{#key title}<Title {title} />{/key}
 
 <Show space={data.space} tab="theorems" />
diff --git a/packages/viewer/src/routes/(app)/theorems/[id]/+page.svelte b/packages/viewer/src/routes/(app)/theorems/[id]/+page.svelte
@@ -9,6 +9,6 @@
  $: title = `T${data.theorem.id}: ${data.theorem.name}`
 </script>
 
-<Title {title} />
+{#key title}<Title {title} />{/key}
 
 <Show theorem={data.theorem} tab="converse" rel={$page.url.pathname} />
diff --git a/packages/viewer/src/routes/(app)/theorems/[id]/converse/+page.svelte b/packages/viewer/src/routes/(app)/theorems/[id]/converse/+page.svelte
@@ -8,6 +8,6 @@
  $: title = `T${data.theorem.id}: ${data.theorem.name}`
 </script>
 
-<Title {title} />
+{#key title}<Title {title} />{/key}
 
 <Show theorem={data.theorem} tab="converse" />
diff --git a/packages/viewer/src/routes/(app)/theorems/[id]/references/+page.svelte b/packages/viewer/src/routes/(app)/theorems/[id]/references/+page.svelte
@@ -8,6 +8,6 @@
  $: title = `T${data.theorem.id}: ${data.theorem.name}`
 </script>
 
-<Title {title} />
+{#key title}<Title {title} />{/key}
 
 <Show theorem={data.theorem} tab="references" />