diff options
Diffstat (limited to 'src/lib/minecraft/MinecraftTooltip.svelte')
| -rw-r--r-- | src/lib/minecraft/MinecraftTooltip.svelte | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/src/lib/minecraft/MinecraftTooltip.svelte b/src/lib/minecraft/MinecraftTooltip.svelte index 9c4e274..ae68f8b 100644 --- a/src/lib/minecraft/MinecraftTooltip.svelte +++ b/src/lib/minecraft/MinecraftTooltip.svelte @@ -3,15 +3,23 @@ A tooltip that looks like when you hover over a Minecraft item in an inventory. This requires JavaScript. --> +<script lang="ts"> + import { registerItem } from '$lib/GlobalTooltip' + import { onMount } from 'svelte' -<span class="minecraft-tooltip"> + let el + + onMount(() => { + registerItem(el) + }) +</script> + +<span class="minecraft-tooltip" bind:this={el}> <span class="tooltip-name"> <slot name="name" /> - </span> - <span class="tooltip-lore"> + </span><span class="tooltip-lore"> <slot name="lore" /> - </span> - <slot /> + </span><slot /> </span> <style> |