feat: use useImages composable instead of <img> + useTemplateRef

app/components/Home/BottomScreen/Buttons/ContactButton.vue

@@ -1,24 +1,20 @@
 <script setup lang="ts">
+import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/contact.png";
+
 const props = defineProps<{
   x: number;
   y: number;
   opacity: number;
 }>();
 
-const buttonImage = useTemplateRef("buttonImage");
+const [buttonImage] = useImages(BUTTON_IMAGE);
 
 useRender((ctx) => {
-  if (!buttonImage.value) return;
-
   ctx.globalAlpha = props.opacity;
-  ctx.drawImage(buttonImage.value, props.x, props.y);
+  ctx.drawImage(buttonImage!, props.x, props.y);
+});
+
+defineOptions({
+  render: () => null,
 });
 </script>
-
-<template>
-  <img
-    ref="buttonImage"
-    src="/assets/images/home/bottom-screen/buttons/contact.png"
-    hidden
-  />
-</template>