Anki/ts/editor/rich-text-input/StyleLink.svelte
Henrik Giesel f534dbb8e5
Separate input components into their own directories / Remove WithShortcut (#1613)
* Put PlainTextInput into its own directory

* Create a directory for RichTextInput

* Create editor-toolbar directory

* Move PreviewButton into editor-toolbar

* The time to refactor this is not quite yet here

* Create tag-editor directory

* Remove some of the uses of WithShortcut

* Remove all uses of WithShortcut from editor package

* Remove last uses of WithShortcut

* Fix typo
2022-01-24 11:43:09 +10:00

22 lines
637 B
Svelte

<!--
Copyright: Ankitects Pty Ltd and contributors
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
-->
<script lang="ts">
import { getContext, onDestroy } from "svelte";
import { customStylesKey } from "./CustomStyles.svelte";
export let id: string;
export let href: string;
const { register, deregister } = getContext(customStylesKey);
function onLoad(event: Event): void {
const link = event.target! as HTMLLinkElement;
register(id, { element: link });
}
onDestroy(() => deregister(id));
</script>
<link {id} rel="stylesheet" {href} on:load={onLoad} />