docs(MotionPath): Fix sync with draw example when changing path data …

…({#key})
techniq · Dec 13, 2024 · 529c9e2 · 529c9e2
1 parent 9d9e64a
commit 529c9e2
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/layerchart/src/routes/docs/components/MotionPath/+page.svelte b/packages/layerchart/src/routes/docs/components/MotionPath/+page.svelte
@@ -121,10 +121,12 @@
           <Axis placement="left" grid rule />
           <Axis placement="bottom" rule />
           {#if show}
-            <MotionPath duration="3s" let:pathId let:objectId>
-              <Spline id={pathId} {curve} draw={{ duration: 3000, easing: linear }} />
-              <circle id={objectId} r={5} class="fill-surface-100 stroke-surface-content" />
-            </MotionPath>
+            {#key data}
+              <MotionPath duration="3s" let:pathId let:objectId>
+                <Spline id={pathId} {curve} draw={{ duration: 3000, easing: linear }} />
+                <circle id={objectId} r={5} class="fill-surface-100 stroke-surface-content" />
+              </MotionPath>
+            {/key}
           {/if}
         </Svg>
       </Chart>