Setting page (#5)

* Switched to eslint.config.ts and demoted @typescript-eslint/no-unused-vars to warning

* Created /settings route, associated component and modified tests for routes

* Added tests for SettingsView.vue

* Added jiti library needed for linting

* Refactored routes' tests.

* Refactoring to reduce code duplication
This commit is contained in:
Liviu Burcusel 2025-10-25 16:01:28 +02:00 committed by GitHub
parent 304d5188b8
commit a3177f0dd7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 234 additions and 206 deletions

View file

@ -7,12 +7,7 @@ import { RouterLink } from "vue-router";
<v-container class="d-flex align-center pa-0">
<div class="d-flex align-center">
<RouterLink v-slot="{ isActive }" class="mx-2 text-decoration-none" to="/" data-role="homeNavigation">
<v-btn
:variant="isActive ? 'elevated' : 'outlined'"
color="primary"
size="large"
prepend-icon="mdi-home-outline"
>
<v-btn :variant="isActive ? 'elevated' : 'outlined'" color="primary" size="large" prepend-icon="mdi-home-outline">
Home
</v-btn>
</RouterLink>
@ -26,7 +21,12 @@ import { RouterLink } from "vue-router";
About
</v-btn>
</RouterLink>
<RouterLink v-slot="{ isActive }" class="mx-2 text-decoration-none" to="/settings" data-role="settingsNavigation">
<v-btn :variant="isActive ? 'elevated' : 'outlined'" color="primary" size="large" prepend-icon="mdi-cog-outline">
Settings
</v-btn>
</RouterLink>
</div>
</v-container>
</v-app-bar>
</template>
</template>