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

app/components/Contact/BottomScreen/Buttons.vue

@@ -1,22 +1,18 @@
 <script setup lang="ts">
+import BUTTONS_IMAGE from "/assets/images/contact/bottom-screen/buttons.png";
+
 const store = useContactStore();
 
-const buttonsImage = useTemplateRef("buttonsImage");
+const [buttonsImage] = useImages(BUTTONS_IMAGE);
 
 useRender((ctx) => {
-  if (!buttonsImage.value) return;
-
   ctx.globalAlpha = store.isIntro
     ? store.intro.stage3Opacity
     : store.outro.stage1Opacity;
-  ctx.drawImage(buttonsImage.value, 31, 32);
+  ctx.drawImage(buttonsImage!, 31, 32);
+});
+
+defineOptions({
+  render: () => null,
 });
 </script>
-
-<template>
-  <img
-    ref="buttonsImage"
-    src="/assets/images/contact/bottom-screen/buttons.png"
-    hidden
-  />
-</template>