aboutsummaryrefslogtreecommitdiff
path: root/src/lib/minecraft/MinecraftTooltip.svelte
diff options
context:
space:
mode:
authormat <github@matdoes.dev>2022-02-20 21:38:14 -0600
committermat <github@matdoes.dev>2022-02-20 21:38:14 -0600
commit13e5974114f759bae73f3bfd68c62ce9cfaf785e (patch)
tree8a196b27b8d4dece1dc2187332422a4e41423dfa /src/lib/minecraft/MinecraftTooltip.svelte
parent582409e7cb1598b65bee6d1023b77620bb3791af (diff)
downloadskyblock-stats-13e5974114f759bae73f3bfd68c62ce9cfaf785e.tar.gz
skyblock-stats-13e5974114f759bae73f3bfd68c62ce9cfaf785e.tar.bz2
skyblock-stats-13e5974114f759bae73f3bfd68c62ce9cfaf785e.zip
add more stuff to profile and fix bugs
Diffstat (limited to 'src/lib/minecraft/MinecraftTooltip.svelte')
-rw-r--r--src/lib/minecraft/MinecraftTooltip.svelte18
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>