view models and data structure

This commit is contained in:
Julian Krauser 2025-03-26 12:45:14 +01:00
parent 45fe7b34c3
commit 5faa4b7906
37 changed files with 157 additions and 516 deletions

View file

@ -7,12 +7,12 @@
</template>
<template #diffMain>
<div class="flex flex-col w-full h-full gap-2 justify-center px-7">
<div class="w-full flex flex-row max-lg:flex-wrap justify-center">
<div class="w-full flex flex-row justify-center">
<div
v-for="tab in tabs"
:key="tab.route"
@click="isActive = tab.route"
class="w-1/2 md:w-1/3 lg:w-full p-0.5 first:pl-0 last:pr-0 cursor-pointer"
class="w-full p-0.5 first:pl-0 last:pr-0 cursor-pointer"
>
<p
:class="[
@ -58,10 +58,10 @@ export default defineComponent({
data() {
return {
tabs: [
{ route: "overview", title: "offen" },
{ route: "membership", title: "bearbeitet" },
{ route: "open", title: "offen" },
{ route: "done", title: "bearbeitet" },
],
isActive: "overview",
isActive: "open",
currentPage: 0,
maxEntriesPerPage: 25,
};