jennie/app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add initial application structure with configuration, UI components, and state management

Browse source
This commit is contained in:
Jennie Robinson Faber 2025-08-09 18:13:16 +01:00
parent fadf94002c
commit 0af6b17792
56 changed files with 6137 additions and 129 deletions
Download patch file Download diff file Expand all files Collapse all files

66
app.vue Normal file
View file

@ -0,0 +1,66 @@
<template>
<UApp>
<UToaster />
<UContainer>
<header class="py-4 flex items-center justify-between">
<div class="flex items-center gap-4">
<NuxtLink to="/" class="flex items-center gap-2 hover:opacity-80 transition-opacity">
<UIcon name="i-heroicons-rocket-launch" class="text-primary-500" />
<h1 class="font-semibold">Urgent Tools</h1>
</NuxtLink>
<nav class="hidden md:flex items-center gap-1" role="navigation" aria-label="Main navigation">
<NuxtLink
to="/"
class="px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors"
:class="{ 'bg-gray-100 dark:bg-gray-800': $route.path === '/' }"
>
Dashboard
</NuxtLink>
<NuxtLink
to="/mix"
class="px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors"
:class="{ 'bg-gray-100 dark:bg-gray-800': $route.path === '/mix' }"
>
Revenue Mix
</NuxtLink>
<NuxtLink
to="/budget"
class="px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors"
:class="{ 'bg-gray-100 dark:bg-gray-800': $route.path === '/budget' }"
>
Budget
</NuxtLink>
<NuxtLink
to="/scenarios"
class="px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors"
:class="{ 'bg-gray-100 dark:bg-gray-800': $route.path === '/scenarios' }"
>
Scenarios
</NuxtLink>
<NuxtLink
to="/cash"
class="px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors"
:class="{ 'bg-gray-100 dark:bg-gray-800': $route.path === '/cash' }"
>
Cash
</NuxtLink>
<NuxtLink
to="/glossary"
class="px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors"
:class="{ 'bg-gray-100 dark:bg-gray-800': $route.path === '/glossary' }"
>
Glossary
</NuxtLink>
</nav>
</div>
<ColorModeToggle />
</header>
<NuxtPage />
</UContainer>
<NuxtRouteAnnouncer />
</UApp>
</template>
<script setup lang="ts">
// noop
</script>