src/features/DisplayFont/model/index.ts

@@ -0,0 +1 @@
+export { displayedFontsStore } from './store';

src/features/DisplayFont/model/store/displayedFontsStore.svelte.ts

@@ -0,0 +1,23 @@
+import { selectedFontsStore } from '$entities/Font';
+
+export class DisplayedFontsStore {
+    #sampleText = $state('The quick brown fox jumps over the lazy dog');
+
+    #displayedFonts = $derived.by(() => {
+        return selectedFontsStore.all;
+    });
+
+    get fonts() {
+        return this.#displayedFonts;
+    }
+
+    get text() {
+        return this.#sampleText;
+    }
+
+    set text(text: string) {
+        this.#sampleText = text;
+    }
+}
+
+export const displayedFontsStore = new DisplayedFontsStore();

src/features/DisplayFont/model/store/index.ts

@@ -0,0 +1 @@
+export { displayedFontsStore } from './displayedFontsStore.svelte';