<script setup lang="ts">
const { onRender } = useScreen();

const store = useContactStore();
const { assets } = useAssets();

onRender((ctx) => {
  ctx.globalAlpha = store.isIntro
    ? store.intro.stage1Opacity
    : store.outro.stage2Opacity;
  ctx.drawImage(assets.contact.topScreen.leftBar, 0, 0);

  ctx.globalAlpha = store.isIntro
    ? store.intro.stage3Opacity
    : store.outro.stage1Opacity;
  ctx.drawImage(assets.contact.topScreen.leftBarThings, 0, 0);
});

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