pihkaal/pihkaal-me
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: centralize all screen related callbacks in useScreen

Browse Source
This commit is contained in:
Stevan
2025-12-29 21:01:19 +01:00
parent 4960bef2fc
commit d77d595370
42 changed files with 184 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/components/Contact/BottomScreen/Background.vue
View File

@@ -1,9 +1,10 @@
<script setup lang="ts">
const store = useContactStore();
const { onRender } = useScreen();
const store = useContactStore();
const { assets } = useAssets();
useRender((ctx) => {
onRender((ctx) => {
ctx.drawImage(assets.home.bottomScreen.background, 0, 0);
ctx.globalAlpha = store.isIntro
? store.intro.stage2Opacity

5
app/components/Contact/BottomScreen/Buttons.vue
View File

@@ -1,9 +1,10 @@
<script setup lang="ts">
const store = useContactStore();
const { onRender } = useScreen();
const store = useContactStore();
const { assets } = useAssets();
useRender((ctx) => {
onRender((ctx) => {
ctx.globalAlpha = store.isIntro
? store.intro.stage3Opacity
: store.outro.stage1Opacity;

5
app/components/Contact/TopScreen/Background.vue
View File

@@ -1,9 +1,10 @@
<script setup lang="ts">
const store = useContactStore();
const { onRender } = useScreen();
const store = useContactStore();
const { assets } = useAssets();
useRender((ctx) => {
onRender((ctx) => {
ctx.drawImage(assets.home.topScreen.background, 0, 0);
ctx.globalAlpha = store.isIntro
? store.intro.stage2Opacity

5
app/components/Contact/TopScreen/LeftBar.vue
View File

@@ -1,9 +1,10 @@
<script setup lang="ts">
const store = useContactStore();
const { onRender } = useScreen();
const store = useContactStore();
const { assets } = useAssets();
useRender((ctx) => {
onRender((ctx) => {
ctx.globalAlpha = store.isIntro
? store.intro.stage1Opacity
: store.outro.stage2Opacity;

5
app/components/Contact/TopScreen/Notifications.vue
View File

@@ -1,10 +1,11 @@
<script setup lang="ts">
const { onRender } = useScreen();
// text color:
const store = useContactStore();
const { assets } = useAssets();
useRender((ctx) => {
onRender((ctx) => {
ctx.globalAlpha = store.outro.stage2Opacity;
ctx.font = "10px NDS10";