src/features/DisplayFont/ui/FontComparer/FontComparer.svelte

@@ -2,7 +2,7 @@
 import { appliedFontsManager } from '$entities/Font';
 import { controlManager } from '$features/SetupFont';
 import { Input } from '$shared/shadcn/ui/input';
-import { ComparisonSlider } from '$shared/ui';
+import { ComparisonSlider } from '$widgets/ComparisonSlider/ui';
 import { displayedFontsStore } from '../../model';
 import PairSelector from '../PairSelector/PairSelector.svelte';
 
@@ -11,7 +11,9 @@ const [fontA, fontB] = $derived(displayedFontsStore.selectedPair);
 const hasAnyPairs = $derived(displayedFontsStore.fonts.length > 0);
 
 $effect(() => {
-    appliedFontsManager.touch(displayedFontsStore.fonts.map(font => ({ slug: font.id, weight })));
+    appliedFontsManager.touch(
+        displayedFontsStore.fonts.map(font => ({ slug: font.id, weight: controlManager.weight })),
+    );
 });
 </script>
 
@@ -26,10 +28,8 @@ $effect(() => {
             <ComparisonSlider
                 fontA={fontA}
                 fontB={fontB}
-                text={displayedText}
-                weight={weight}
+                bind:text={displayedText}
             />
-            </div>
         {/if}
     </div>
 {/if}