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

feat: remove query based routing

Browse Source
This commit is contained in:
Stevan
2025-12-29 19:47:01 +01:00
parent e912270d1e
commit 96f8d5093b
14 changed files with 207 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/pages/index.vue
View File

@@ -8,8 +8,7 @@ type ScreenInstance = InstanceType<typeof NDSScreen>;
const { isReady } = useAssets();
const route = useRoute();
const screen = computed(() => route.query.screen as string | undefined);
const app = useAppStore();
const topScreen = useTemplateRef<ScreenInstance>("topScreen");
const bottomScreen = useTemplateRef<ScreenInstance>("bottomScreen");
@@ -76,18 +75,18 @@ useKeyUp((key) => {
<div :style="{ visibility: ENABLE_3D ? 'hidden' : 'visible' }">
<div>
<Screen ref="topScreen">
<HomeTopScreen v-if="!screen" />
<ContactTopScreen v-else-if="screen === 'contact'" />
<ProjectsTopScreen v-else-if="screen === 'projects'" />
<SettingsTopScreen v-else-if="screen === 'settings'" />
<HomeTopScreen v-if="app.screen === 'home'" />
<ContactTopScreen v-else-if="app.screen === 'contact'" />
<ProjectsTopScreen v-else-if="app.screen === 'projects'" />
<SettingsTopScreen v-else-if="app.screen === 'settings'" />
</Screen>
</div>
<div>
<Screen ref="bottomScreen">
<HomeBottomScreen v-if="!screen" />
<ContactBottomScreen v-else-if="screen === 'contact'" />
<ProjectsBottomScreen v-else-if="screen === 'projects'" />
<SettingsBottomScreen v-else-if="screen === 'settings'" />
<HomeBottomScreen v-if="app.screen === 'home'" />
<ContactBottomScreen v-else-if="app.screen === 'contact'" />
<ProjectsBottomScreen v-else-if="app.screen === 'projects'" />
<SettingsBottomScreen v-else-if="app.screen === 'settings'" />
</Screen>
</div>
</div>