refac: deprecate event dispatcher

This commit is contained in:
Timothy Jaeryang Baek 2025-04-18 02:38:53 -07:00
parent 64a98b2e0e
commit a86a932b46
3 changed files with 12 additions and 25 deletions

View File

@ -154,10 +154,10 @@
}, [])} }, [])}
{onSourceClick} {onSourceClick}
{onTaskClick} {onTaskClick}
on:update={(e) => { onUpdate={(e) => {
dispatch('update', e.detail); dispatch('update', e.detail);
}} }}
on:code={(e) => { onCode={(e) => {
const { lang, code } = e.detail; const { lang, code } = e.detail;
if ( if (

View File

@ -7,9 +7,6 @@
import markedKatexExtension from '$lib/utils/marked/katex-extension'; import markedKatexExtension from '$lib/utils/marked/katex-extension';
import MarkdownTokens from './Markdown/MarkdownTokens.svelte'; import MarkdownTokens from './Markdown/MarkdownTokens.svelte';
import { createEventDispatcher } from 'svelte';
const dispatch = createEventDispatcher();
export let id = ''; export let id = '';
export let content; export let content;
@ -18,6 +15,9 @@
export let sourceIds = []; export let sourceIds = [];
export let onUpdate = () => {};
export let onCode = () => {};
export let onSourceClick = () => {}; export let onSourceClick = () => {};
export let onTaskClick = () => {}; export let onTaskClick = () => {};
@ -40,17 +40,5 @@
</script> </script>
{#key id} {#key id}
<MarkdownTokens <MarkdownTokens {tokens} {id} {save} {onTaskClick} {onSourceClick} {onUpdate} {onCode} />
{tokens}
{id}
{save}
{onTaskClick}
{onSourceClick}
on:update={(e) => {
dispatch('update', e.detail);
}}
on:code={(e) => {
dispatch('code', e.detail);
}}
/>
{/key} {/key}

View File

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import DOMPurify from 'dompurify'; import DOMPurify from 'dompurify';
import { createEventDispatcher, onMount, getContext } from 'svelte'; import { onMount, getContext } from 'svelte';
const i18n = getContext('i18n'); const i18n = getContext('i18n');
import fileSaver from 'file-saver'; import fileSaver from 'file-saver';
@ -22,8 +22,6 @@
import Source from './Source.svelte'; import Source from './Source.svelte';
import { settings } from '$lib/stores'; import { settings } from '$lib/stores';
const dispatch = createEventDispatcher();
export let id: string; export let id: string;
export let tokens: Token[]; export let tokens: Token[];
export let top = true; export let top = true;
@ -31,6 +29,9 @@
export let save = false; export let save = false;
export let onUpdate: Function = () => {};
export let onCode: Function = () => {};
export let onTaskClick: Function = () => {}; export let onTaskClick: Function = () => {};
export let onSourceClick: Function = () => {}; export let onSourceClick: Function = () => {};
@ -93,11 +94,9 @@
code={token?.text ?? ''} code={token?.text ?? ''}
{attributes} {attributes}
{save} {save}
onCode={(value) => { {onCode}
dispatch('code', value);
}}
onSave={(value) => { onSave={(value) => {
dispatch('update', { onUpdate({
raw: token.raw, raw: token.raw,
oldContent: token.text, oldContent: token.text,
newContent: value newContent: value