<script setup lang="ts">
import BACKGROUND_IMAGE from "/assets/images/home/bottom-screen/background.webp";

const store = useHomeStore();
const app = useAppStore();

const [backgroundImage] = useImages(BACKGROUND_IMAGE);

useRender((ctx) => {
  ctx.globalAlpha = app.booted ? 1 : store.intro.stage1Opacity;
  ctx.drawImage(backgroundImage!, 0, 0);
});

defineOptions({
  render: () => null,
});
</script>
