From 43c7148637994bd2ac9574314bd29497cb5f2942 Mon Sep 17 00:00:00 2001
From: florianfederspiel <florian@fedeo.de>
Date: Fri, 27 Dec 2024 11:04:07 +0100
Subject: [PATCH] Removed Deprecated Components

---
 .../entitys/contracts/[mode]/[[id]].vue       | 525 --------------
 deprecated/entitys/contracts/index.vue        |  23 -
 .../entitys/customers/[mode]/[[id]].vue       | 369 ----------
 deprecated/entitys/customers/index.vue        |  26 -
 deprecated/entitys/plants/[mode]/[[id]].vue   | 252 -------
 deprecated/entitys/plants/index.vue           |  24 -
 .../productcategories/[mode]/[[id]].vue       | 179 -----
 .../entitys/productcategories/index.vue       |  24 -
 deprecated/entitys/products/[mode]/[[id]].vue | 354 ---------
 deprecated/entitys/products/index.vue         |  27 -
 deprecated/entitys/projects/[mode]/[[id]].vue | 674 ------------------
 deprecated/entitys/projects/index.vue         |  45 --
 .../servicecategories/[mode]/[[id]].vue       | 179 -----
 .../entitys/servicecategories/index.vue       |  24 -
 deprecated/entitys/services/[mode]/[[id]].vue | 266 -------
 deprecated/entitys/services/index.vue         |  25 -
 deprecated/entitys/tasks/[mode]/[[id]].vue    | 211 ------
 deprecated/entitys/tasks/index.vue            | 129 ----
 deprecated/entitys/vehicles/[mode]/[[id]].vue | 236 ------
 deprecated/entitys/vehicles/index.vue         |  24 -
 deprecated/entitys/vehicles/show/[id].vue     |  33 -
 deprecated/entitys/vendors/[mode]/[[id]].vue  | 291 --------
 deprecated/entitys/vendors/index.vue          |  24 -
 23 files changed, 3964 deletions(-)
 delete mode 100644 deprecated/entitys/contracts/[mode]/[[id]].vue
 delete mode 100644 deprecated/entitys/contracts/index.vue
 delete mode 100644 deprecated/entitys/customers/[mode]/[[id]].vue
 delete mode 100644 deprecated/entitys/customers/index.vue
 delete mode 100644 deprecated/entitys/plants/[mode]/[[id]].vue
 delete mode 100644 deprecated/entitys/plants/index.vue
 delete mode 100644 deprecated/entitys/productcategories/[mode]/[[id]].vue
 delete mode 100644 deprecated/entitys/productcategories/index.vue
 delete mode 100644 deprecated/entitys/products/[mode]/[[id]].vue
 delete mode 100644 deprecated/entitys/products/index.vue
 delete mode 100644 deprecated/entitys/projects/[mode]/[[id]].vue
 delete mode 100644 deprecated/entitys/projects/index.vue
 delete mode 100644 deprecated/entitys/servicecategories/[mode]/[[id]].vue
 delete mode 100644 deprecated/entitys/servicecategories/index.vue
 delete mode 100644 deprecated/entitys/services/[mode]/[[id]].vue
 delete mode 100644 deprecated/entitys/services/index.vue
 delete mode 100644 deprecated/entitys/tasks/[mode]/[[id]].vue
 delete mode 100644 deprecated/entitys/tasks/index.vue
 delete mode 100644 deprecated/entitys/vehicles/[mode]/[[id]].vue
 delete mode 100644 deprecated/entitys/vehicles/index.vue
 delete mode 100644 deprecated/entitys/vehicles/show/[id].vue
 delete mode 100644 deprecated/entitys/vendors/[mode]/[[id]].vue
 delete mode 100644 deprecated/entitys/vendors/index.vue

diff --git a/deprecated/entitys/contracts/[mode]/[[id]].vue b/deprecated/entitys/contracts/[mode]/[[id]].vue
deleted file mode 100644
index 2b7847e..0000000
--- a/deprecated/entitys/contracts/[mode]/[[id]].vue
+++ /dev/null
@@ -1,525 +0,0 @@
-<script setup>
-import HistoryDisplay from "~/components/HistoryDisplay.vue";
-import dayjs from "dayjs";
-import {useSupabaseSelectSingle} from "~/composables/useSupabase.js";
-
-definePageMeta({
-  middleware: "auth"
-})
-
-defineShortcuts({
-  'backspace': () => {
-    router.push("/contracts")
-  },
-  'arrowleft': () => {
-    if(openTab.value > 0){
-      openTab.value -= 1
-    }
-  },
-  'arrowright': () => {
-    if(openTab.value < 3) {
-      openTab.value += 1
-    }
-  },
-})
-
-const dataStore = useDataStore()
-const profileStore = useProfileStore()
-const route = useRoute()
-const router = useRouter()
-const toast = useToast()
-const id = ref(route.params.id ? route.params.id : null )
-const openTab = ref(0)
-
-
-//Working
-const mode = ref(route.params.mode || "show")
-const itemInfo = ref({
-  name: "",
-  customer: null,
-  active: true,
-  ownFields: {}
-})
-
-//Functions
-const setupPage = async () => {
-  if(mode.value === "show" ){
-    itemInfo.value = await useSupabaseSelectSingle("contracts", route.params.id, "*, customer(id,name,isCompany, customerNumber), contact(id,fullName)")
-  } else if (mode.value === "edit"){
-    itemInfo.value = await useSupabaseSelectSingle("contracts", route.params.id, "*")
-  }
-
-
-  if(mode.value === "create") {
-    let query = route.query
-
-    if(query.customer) itemInfo.value.customer = Number(query.customer)
-  }
-}
-
-const cancelEditorCreate = () => {
-  if(itemInfo.value) {
-    router.push(`/contracts/show/${itemInfo.value.id}`)
-  } else {
-    router.push(`/contracts/`)
-  }
-}
-
-setupPage()
-</script>
-
-<template>
-  <UDashboardNavbar :title="itemInfo ? itemInfo.name : (mode === 'create' ? 'Vertrag erstellen' : 'Vertrag bearbeiten')">
-    <template #left>
-      <UButton
-          icon="i-heroicons-chevron-left"
-          variant="outline"
-          @click="router.push(`/contracts`)"
-      >
-        Verträge
-      </UButton>
-    </template>
-    <template #center>
-      <h1
-          v-if="itemInfo"
-          :class="['text-xl','font-medium', ... itemInfo.active ? ['text-primary'] : ['text-rose-500']]"
-      >{{itemInfo ? `Vertrag: ${itemInfo.name}` : (mode === 'create' ? 'Vertrag erstellen' : 'Vertrag bearbeiten')}}</h1>
-    </template>
-    <template #right>
-      <UButton
-          v-if="mode === 'edit'"
-          @click="dataStore.updateItem('contracts',itemInfo)"
-      >
-        Speichern
-      </UButton>
-      <UButton
-          v-else-if="mode === 'create'"
-          @click="dataStore.createNewItem('contracts',itemInfo)"
-      >
-        Erstellen
-      </UButton>
-      <UButton
-          @click="cancelEditorCreate"
-          color="red"
-          class="ml-2"
-          v-if="mode === 'edit' || mode === 'create'"
-      >
-        Abbrechen
-      </UButton>
-      <UButton
-          v-if="mode === 'show'"
-          @click="router.push(`/contracts/edit/${itemInfo.id}`)"
-      >
-        Bearbeiten
-      </UButton>
-    </template>
-  </UDashboardNavbar>
-  <UDashboardPanelContent>
-    <UTabs
-        v-if="itemInfo.id && mode === 'show'"
-        :items="[{label: 'Informationen'}, {label: 'Dokumente'}]"
-        class="p-5"
-        v-model="openTab"
-    >
-      <template #item="{item}">
-        <div v-if="item.label === 'Informationen'" class="flex mt-5">
-          <div class="w-1/2 mr-5">
-            <UCard>
-              <div class="text-wrap">
-                <table class="mb-3">
-                  <tr>
-                    <td>Name:</td>
-                    <td>{{itemInfo.name}}</td>
-                  </tr>
-                  <tr>
-                    <td>Aktiv:</td>
-                    <td>
-                      <span v-if="itemInfo.active" class="text-primary-500">Ja</span>
-                      <span v-else class="text-rose-600">Nein</span>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>Kunde:</td>
-                    <td>
-                      <nuxt-link
-                        :to="`/customers/show/${itemInfo.customer.id}`"
-                        v-if="itemInfo.customer"
-                      >{{itemInfo.customer.customerNumber ? `${itemInfo.customer.customerNumber} - ` : ''}}{{itemInfo.customer ? itemInfo.customer.name : ""}}</nuxt-link>
-                    </td>
-                  </tr>
-                  <tr v-if="itemInfo.customer.isCompany">
-                    <td>Ansprechpartner:</td>
-                    <td>
-                      <nuxt-link
-                          v-if="itemInfo.contact"
-                          :to="`/contacts/show/${itemInfo.contact.id}`"
-                      >{{itemInfo.contact ? itemInfo.contact.fullName : ""}}</nuxt-link>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>Wiederkehrend:</td>
-                    <td>{{itemInfo.recurring ? "Ja" : "Nein"}}</td>
-                  </tr>
-                  <tr>
-                    <td>Startdatum:</td>
-                    <td>{{dayjs(itemInfo.startDate).format("DD.MM.YYYY")}}</td>
-                  </tr>
-                  <tr v-if="!itemInfo.active">
-                    <td>Enddatum:</td>
-                    <td>{{dayjs(itemInfo.endDate).format("DD.MM.YYYY")}}</td>
-                  </tr>
-                  <tr>
-                    <td>Unterschrieben am:</td>
-                    <td>{{dayjs(itemInfo.signDate).format("DD.MM.YYYY")}}</td>
-                  </tr>
-                  <tr>
-                    <td>Laufzeit:</td>
-                    <td>{{itemInfo.duration}}</td>
-                  </tr>
-                  <tr>
-                    <td>Rechnungsversand:</td>
-                    <td>{{itemInfo.invoiceDispatch}}</td>
-                  </tr>
-                  <tr>
-                    <td>Zahlart:</td>
-                    <td>{{itemInfo.paymentType}}</td>
-                  </tr>
-                  <tr v-if="itemInfo.paymentType === 'Einzug'">
-                    <td>SEPA Mandatsreferenz:</td>
-                    <td>{{itemInfo.sepaRef}}</td>
-                  </tr>
-                  <tr v-if="itemInfo.paymentType === 'Einzug'">
-                    <td>SEPA Unterschrieben am:</td>
-                    <td>{{dayjs(itemInfo.sepaDate).format("DD.MM.YYYY")}}</td>
-                  </tr>
-                  <tr>
-                    <td>Bank:</td>
-                    <td>{{itemInfo.bankingName}}</td>
-                  </tr>
-                  <tr>
-                    <td>BIC:</td>
-                    <td>{{itemInfo.bankingBIC}}</td>
-                  </tr>
-                  <tr>
-                    <td>IBAN:</td>
-                    <td>{{itemInfo.bankingIban}}</td>
-                  </tr>
-                  <tr>
-                    <td>Kontoinhaber:</td>
-                    <td>{{itemInfo.bankingOwner}}</td>
-                  </tr>
-                  <tr>
-                    <td>Beschreibung:</td>
-                    <td>{{itemInfo.notes}}</td>
-                  </tr>
-                  <tr>
-                    <td colspan="2"><span class="font-bold">Eigene Felder:</span></td>
-                  </tr>
-                  <tr v-for="fieldKey in Object.keys(itemInfo.ownFields)">
-                    <td>{{profileStore.ownTenant.ownFields.contracts.find(i => i.key === fieldKey).label}}</td>
-                    <td>{{itemInfo.ownFields[fieldKey]}}</td>
-                  </tr>
-                </table>
-
-              </div>
-            </UCard>
-          </div>
-          <div class="w-1/2">
-            <UCard class="h-full">
-              <HistoryDisplay
-                  type="contract"
-                  v-if="itemInfo"
-                  :element-id="itemInfo.id"
-                  :render-headline="true"
-              />
-            </UCard>
-
-          </div>
-
-
-
-
-          <!--        <UBadge
-                      v-if="itemInfo.active"
-                  >
-                    Vertrag aktiv
-                  </UBadge>
-                  <UBadge
-                      v-else
-                      color="red"
-                  >
-                    Vertrag gesperrt
-                  </UBadge>-->
-
-
-
-
-        </div>
-        <div v-else-if="item.label === 'Dokumente'">
-          <UCard class="mt-5">
-            <Toolbar>
-              <DocumentUpload
-                  type="contract"
-                  :element-id="itemInfo.id"
-              />
-            </Toolbar>
-            <DocumentList
-                :documents="dataStore.getDocumentsByContractId(itemInfo.id)"
-            />
-          </UCard>
-
-        </div>
-
-
-      </template>
-    </UTabs>
-    <UForm v-else-if="mode == 'edit' || mode == 'create'" class="p-5" >
-      <div class="mx-auto w-4/5">
-        <div class="flex flex-row justify-around">
-          <div class="w-1/2">
-            <UDivider>Vertragsdaten</UDivider>
-            <UFormGroup
-                label="Name:"
-            >
-              <UInput
-                  v-model="itemInfo.name"
-              />
-            </UFormGroup>
-
-            <UFormGroup
-                label="Kunde:"
-            >
-              <USelectMenu
-                  v-model="itemInfo.customer"
-                  option-attribute="name"
-                  value-attribute="id"
-                  :options="dataStore.customers"
-                  @change="itemInfo.contact = null"
-                  searchable
-                  :search-attributes="['name']"
-              >
-                <template #label>
-                  {{dataStore.getCustomerById(itemInfo.customer) ? dataStore.getCustomerById(itemInfo.customer).name : "Kein Kunde ausgewählt" }}
-                </template>
-              </USelectMenu>
-            </UFormGroup>
-            <UFormGroup
-                label="Ansprechpartner:"
-                v-if="itemInfo.customer"
-            >
-              <USelectMenu
-                  v-model="itemInfo.contact"
-                  option-attribute="fullName"
-                  value-attribute="id"
-                  :options="dataStore.getContactsByCustomerId(itemInfo.customer)"
-                  searchable
-                  :search-attributes="['name']"
-              >
-                <template #label>
-                  {{dataStore.getContactById(itemInfo.contact) ? dataStore.getContactById(itemInfo.contact).fullName : "Kein Ansprechpartner ausgewählt" }}
-                </template>
-              </USelectMenu>
-            </UFormGroup>
-
-            <InputGroup>
-              <UFormGroup
-                  label="Vertrag aktiv:"
-              >
-                <UCheckbox
-                    v-model="itemInfo.active"
-                />
-              </UFormGroup>
-              <UFormGroup
-                  label="Vertrag wiederkehrend:"
-              >
-                <UCheckbox
-                    v-model="itemInfo.recurring"
-                />
-              </UFormGroup>
-            </InputGroup>
-
-
-            <InputGroup>
-              <UFormGroup
-                  label="Vertragsstart:"
-                  class="mt-2"
-              >
-
-              </UFormGroup>
-              <UFormGroup
-                  label="Vertragsende(voraussichtlich):"
-                  class="mt-2"
-              >
-                <UPopover :popper="{ placement: 'bottom-start' }">
-                  <UButton
-                      icon="i-heroicons-calendar-days-20-solid"
-                      :label="itemInfo.endDate ? dayjs(itemInfo.endDate).format('DD.MM.YYYY') : 'Datum auswählen'"
-                      variant="outline"
-                  />
-
-                  <template #panel="{ close }">
-                    <LazyDatePicker v-model="itemInfo.endDate" @close="close" />
-                  </template>
-                </UPopover>
-              </UFormGroup>
-            </InputGroup>
-
-            <UFormGroup
-                label="mindest Vertragslaufzeit:"
-            >
-              <USelectMenu
-                  :options="['12 Monate','24 Monate','36 Monate','48 Monate']"
-                  v-model="itemInfo.duration"
-              />
-            </UFormGroup>
-
-            <UFormGroup
-                label="Datum der Unterzeichnung:"
-                class="mt-2"
-            >
-              <UPopover :popper="{ placement: 'bottom-start' }">
-                <UButton
-                    icon="i-heroicons-calendar-days-20-solid"
-                    :label="itemInfo.signDate ? dayjs(itemInfo.signDate).format('DD.MM.YYYY') : 'Datum auswählen'"
-                    variant="outline"
-                />
-
-                <template #panel="{ close }">
-                  <LazyDatePicker v-model="itemInfo.signDate" @close="close" />
-                </template>
-              </UPopover>
-            </UFormGroup>
-          </div>
-          <div class=" ml-5 w-1/2">
-            <UDivider>Abrechnung</UDivider>
-            <UFormGroup
-                label="Rechnungsversand:"
-            >
-              <USelectMenu
-                  :options="['E-Mail', 'Post']"
-                  v-model="itemInfo.invoiceDispatch"
-              >
-
-              </USelectMenu>
-            </UFormGroup>
-            <UFormGroup
-                label="Zahlungsart:"
-            >
-              <USelectMenu
-                  :options="['Einzug', 'Überweisung']"
-                  v-model="itemInfo.paymentType"
-              >
-
-              </USelectMenu>
-            </UFormGroup>
-            <UFormGroup
-                label="Sepa Mandat"
-            >
-              <InputGroup>
-                <UPopover :popper="{ placement: 'bottom-start' }">
-                  <UButton
-                      icon="i-heroicons-calendar-days-20-solid"
-                      :label="itemInfo.sepaDate ? dayjs(itemInfo.sepaDate).format('DD.MM.YYYY') : 'Datum auswählen'"
-                      variant="outline"
-                  />
-
-                  <template #panel="{ close }">
-                    <LazyDatePicker v-model="itemInfo.sepaDate" @close="close" />
-                  </template>
-                </UPopover>
-                <UInput
-                    placeholder="Mandatsreferenz"
-                    class="flex-auto"
-                    v-model="itemInfo.sepaRef"
-                />
-              </InputGroup>
-
-            </UFormGroup>
-            <UFormGroup
-                label="Kontodaten:"
-            >
-              <InputGroup>
-                <UInput
-                    v-model="itemInfo.bankingIban"
-                    placeholder="IBAN"
-                    class="w-1/2"
-                />
-                <UInput
-                    v-model="itemInfo.bankingOwner"
-                    class="w-1/2"
-                    placeholder="Inhaber"
-                />
-              </InputGroup>
-
-            </UFormGroup>
-            <UFormGroup
-                label="Bankdaten:"
-            >
-              <InputGroup>
-                <UInput
-                    v-model="itemInfo.bankingName"
-                    placeholder="Name"
-                    class="w-1/2"
-                />
-                <UInput
-                    v-model="itemInfo.bankingBIC"
-                    placeholder="BIC"
-                    class="w-1/2"
-                />
-              </InputGroup>
-
-            </UFormGroup>
-          </div>
-        </div>
-        <UFormGroup
-            label="Notizen:"
-        >
-          <UTextarea
-              v-model="itemInfo.notes"
-              rows="6"
-              maxrows="12"
-          />
-        </UFormGroup>
-
-        <div
-            v-if="profileStore.ownTenant.ownFields"
-        >
-          <UDivider
-              class="mt-3"
-          >Eigene Felder</UDivider>
-
-          <UFormGroup
-              v-for="field in profileStore.ownTenant.ownFields.contracts"
-              :key="field.key"
-              :label="field.label"
-          >
-            <UInput
-                v-if="field.type === 'text'"
-                v-model="itemInfo.ownFields[field.key]"
-            />
-            <USelectMenu
-                v-else-if="field.type === 'select'"
-                :options="field.options"
-                v-model="itemInfo.ownFields[field.key]"
-            />
-          </UFormGroup>
-        </div>
-      </div>
-
-
-
-
-
-    </UForm>
-  </UDashboardPanelContent>
-
-</template>
-
-<style scoped>
-td {
-  border-bottom: 1px solid lightgrey;
-  vertical-align: top;
-  padding-bottom: 0.15em;
-  padding-top: 0.15em;
-}
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/contracts/index.vue b/deprecated/entitys/contracts/index.vue
deleted file mode 100644
index 467108d..0000000
--- a/deprecated/entitys/contracts/index.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <EntityList
-    :items="items"
-    type="contracts"
-  />
-</template>
-
-<script setup>
-definePageMeta({
-  middleware: "auth"
-})
-
-const items = ref([])
-const setupPage = async () => {
-  items.value = await useSupabaseSelect("contracts","*, customer(id,name)")
-}
-
-setupPage()
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/customers/[mode]/[[id]].vue b/deprecated/entitys/customers/[mode]/[[id]].vue
deleted file mode 100644
index e27a9b9..0000000
--- a/deprecated/entitys/customers/[mode]/[[id]].vue
+++ /dev/null
@@ -1,369 +0,0 @@
-<script setup>
-
-import {useSupabaseSelectSingle} from "~/composables/useSupabase.js";
-
-definePageMeta({
-  middleware: "auth"
-})
-
-defineShortcuts({
-  'backspace': () => {
-    router.push("/customers")
-  },
-  'arrowleft': () => {
-    if(openTab.value > 0){
-      openTab.value -= 1
-    }
-  },
-  'arrowright': () => {
-    if(openTab.value < 3) {
-      openTab.value += 1
-    }
-  },
-})
-
-const dataStore = useDataStore()
-const profileStore = useProfileStore()
-const route = useRoute()
-const router = useRouter()
-
-const openTab = ref(0)
-
-
-//Working
-const mode = ref(route.params.mode || "show")
-const itemInfo = ref({
-  name: "",
-  infoData: {
-    country: "Deutschland"
-  },
-  active: true,
-  isCompany: true,
-  profiles: [profileStore.activeProfile.id]
-})
-const oldItemInfo = ref({})
-
-//Functions
-const setupPage = async () => {
-  if(mode.value === "show"){
-    itemInfo.value = await useSupabaseSelectSingle("customers",route.params.id,"*, contacts(*)")
-  } else if(mode.value === "edit") {
-    itemInfo.value = await useSupabaseSelectSingle("customers",route.params.id,"*")
-  }
-
-  if(itemInfo.value) oldItemInfo.value = JSON.parse(JSON.stringify(itemInfo.value))
-}
-
-const editItem = async () => {
-  await router.push(`/customers/edit/${itemInfo.value.id}`)
-}
-
-const setCityByZip = async () => {
-    itemInfo.value.infoData.city = await useZipCheck(itemInfo.value.infoData.zip)
-}
-
-setupPage()
-</script>
-
-<template>
-  <UDashboardNavbar
-      :title="itemInfo ? `Kunde: ${itemInfo.name}` : (mode === 'create' ? 'Kunde erstellen' : 'Kunde bearbeiten')"
-      :ui="{center: 'flex items-stretch gap-1.5 min-w-0'}"
-  >
-    <template #left>
-      <UButton
-        icon="i-heroicons-chevron-left"
-        variant="outline"
-        @click="router.push(`/customers`)"
-      >
-        Kunden
-      </UButton>
-    </template>
-    <template #center>
-      <h1
-          v-if="itemInfo"
-          :class="['text-xl','font-medium', ... itemInfo.active ? ['text-primary'] : ['text-rose-500']]"
-      >{{itemInfo.id ? `Kunde: ${itemInfo.name}` : (mode === 'create' ? 'Kunde erstellen' : 'Kunde bearbeiten')}}</h1>
-    </template>
-    <template #right>
-      <UButton
-          v-if="mode === 'edit'"
-          @click="dataStore.updateItem('customers',itemInfo,oldItemInfo)"
-      >
-        Speichern
-      </UButton>
-      <UButton
-          v-else-if="mode === 'create'"
-          @click="dataStore.createNewItem('customers',itemInfo)"
-      >
-        Erstellen
-      </UButton>
-      <UButton
-          @click="itemInfo.id ? router.push(`/customers/show/${itemInfo.id}`) : router.push(`/customers`)"
-          color="red"
-          class="ml-2"
-          v-if="mode === 'edit' || mode === 'create'"
-      >
-        Abbrechen
-      </UButton>
-      <UButton
-          v-if="mode === 'show'"
-          @click="editItem"
-      >
-        Bearbeiten
-      </UButton>
-    </template>
-    <template #badge v-if="itemInfo">
-      <UBadge
-          v-if="itemInfo.active"
-      >
-        Aktiv
-      </UBadge>
-      <UBadge
-          v-else
-          color="red"
-      >
-        Gesperrt
-      </UBadge>
-    </template>
-  </UDashboardNavbar>
-
-  <UDashboardPanelContent>
-    <UTabs
-        v-if="itemInfo.id && mode == 'show'"
-        :items="[{label: 'Informationen'},{label: 'Projekte'},{label: 'Objekte'},{label: 'Verträge'}]"
-        class="p-5"
-        v-model="openTab"
-    >
-      <template #item="{item}">
-        <div v-if="item.label === 'Informationen'" class="flex mt-5">
-          <div class="w-1/2 mr-5">
-            <UCard >
-              <div class="text-wrap">
-                <p>Kundennummer: {{itemInfo.customerNumber}}</p>
-                <p>Typ: {{itemInfo.isCompany ? 'Firma' : 'Privatperson'}}</p>
-                <p v-if="itemInfo.infoData.street">Straße + Hausnummer: {{itemInfo.infoData.street}}</p>
-                <p v-if="itemInfo.infoData.zip && itemInfo.infoData.city">PLZ + Ort: {{itemInfo.infoData.zip}} {{itemInfo.infoData.city}}</p>
-                <p v-if="itemInfo.infoData.tel">Telefon: {{itemInfo.infoData.tel}}</p>
-                <p v-if="itemInfo.infoData.email">E-Mail: {{itemInfo.infoData.email}}</p>
-                <p v-if="itemInfo.infoData.web">Web: {{itemInfo.infoData.web}}</p>
-                <p v-if="itemInfo.infoData.ustid">USt-Id: {{itemInfo.infoData.ustid}}</p>
-                <p>Notizen:<br> {{itemInfo.notes}}</p>
-              </div>
-
-            </UCard>
-            <UCard class="mt-5">
-              <Toolbar>
-                <UButton
-                    @click="router.push(`/contacts/create?customer=${itemInfo.id}`)"
-                >
-                  + Ansprechpartner
-                </UButton>
-              </Toolbar>
-              <UTable
-                  :rows="dataStore.getContactsByCustomerId(itemInfo.id)"
-                  @select="(row) => router.push(`/contacts/show/${row.id}`)"
-                  :columns="[{label: 'Anrede', key: 'salutation'},{label: 'Name', key: 'fullName'},{label: 'Rolle', key: 'role'}]"
-                  :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine zugehörigen Ansprechpartner' }"
-
-              >
-
-              </UTable>
-            </UCard>
-          </div>
-          <div class="w-1/2">
-            <UCard class="h-full">
-              <HistoryDisplay
-                  type="customer"
-                  v-if="itemInfo"
-                  :element-id="itemInfo.id"
-                  :render-headline="true"
-              />
-            </UCard>
-          </div>
-
-        </div>
-
-
-
-        <UCard class="mt-5" v-else>
-
-          <div v-if="item.label === 'Projekte'">
-
-          </div>
-          <div v-else-if="item.label === 'Objekte'">
-            <Toolbar>
-              <UButton
-                  @click="router.push(`/plants/create?customer=${itemInfo.id}`)"
-              >
-                + Objekt
-              </UButton>
-            </Toolbar>
-            <UTable
-                :rows="dataStore.getPlantsByCustomerId(itemInfo.id)"
-                @select="(row) => router.push(`/plants/show/${row.id}`)"
-                :columns="[{label: 'Name', key: 'name'}]"
-                :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine zugehörigen Objekte' }"
-
-            >
-
-            </UTable>
-          </div>
-          <div v-else-if="item.label === 'Verträge'">
-            <Toolbar>
-              <UButton
-                  @click="router.push(`/contracts/create?customer=${itemInfo.id}`)"
-              >
-                + Vertrag
-              </UButton>
-            </Toolbar>
-            <UTable
-                :rows="dataStore.getContractsByCustomerId(itemInfo.id)"
-                @select="(row) => router.push(`/contracts/show/${row.id}`)"
-                :columns="[{label: 'Name', key: 'name'},{label: 'Aktiv', key: 'active'}]"
-                :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine zugehörigen Verträge' }"
-
-            >
-
-            </UTable>
-          </div>
-        </UCard>
-
-      </template>
-    </UTabs>
-    <UForm v-else-if="mode === 'edit' || mode === 'create'" class="p-5">
-      <UFormGroup
-          label="Name:"
-      >
-        <UInput
-            v-model="itemInfo.name"
-        />
-      </UFormGroup>
-
-      <UFormGroup
-          label="Kundennummer:"
-      >
-        <UInput
-            v-model="itemInfo.customerNumber"
-            placeholder="Leer lassen für automatisch generierte Nummer"
-        />
-      </UFormGroup>
-
-      <UTooltip text="Ist ein Kunde nicht aktiv so wird er für neue Aufträge gesperrt">
-        <UFormGroup
-            label="Kunde aktiv:"
-        >
-          <UCheckbox
-              v-model="itemInfo.active"
-          />
-        </UFormGroup>
-      </UTooltip>
-      <UFormGroup
-          label="Firmenkunde:"
-      >
-        <UCheckbox
-            v-model="itemInfo.isCompany"
-        />
-      </UFormGroup>
-      <UFormGroup
-          label="Notizen:"
-      >
-        <UTextarea
-            v-model="itemInfo.notes"
-        />
-      </UFormGroup>
-
-      <UFormGroup
-          label="Straße + Hausnummer"
-      >
-        <UInput
-            v-model="itemInfo.infoData.street"
-        />
-      </UFormGroup>
-      <UFormGroup
-          label="Adresszusatz"
-      >
-        <UInput
-            v-model="itemInfo.infoData.special"
-        />
-      </UFormGroup>
-      <UFormGroup
-          label="Postleitzahl"
-      >
-        <UInput
-            v-model="itemInfo.infoData.zip"
-            @focusout="setCityByZip"
-        />
-      </UFormGroup>
-      <UFormGroup
-          label="Ort"
-      >
-        <UInput
-            v-model="itemInfo.infoData.city"
-        />
-      </UFormGroup>
-      <UFormGroup
-          label="Land"
-      >
-        <USelectMenu
-            :options="['Deutschland','Niederlande','Belgien','Italien', 'Frankreich','Irland','USA','Spanien', 'Schweden']"
-            v-model="itemInfo.infoData.country"
-        />
-      </UFormGroup>
-
-      <UFormGroup
-          label="Telefon:"
-      >
-        <UInput
-            v-model="itemInfo.infoData.tel"
-        />
-      </UFormGroup>
-      <UFormGroup
-          label="E-Mail:"
-      >
-        <UInput
-            v-model="itemInfo.infoData.email"
-        />
-      </UFormGroup>
-      <UFormGroup
-          label="Webseite:"
-      >
-        <UInput
-            v-model="itemInfo.infoData.web"
-        />
-      </UFormGroup>
-      <UFormGroup
-          label="USt-Id:"
-      >
-        <UInput
-            v-model="itemInfo.infoData.ustid"
-        />
-      </UFormGroup>
-      <UFormGroup
-          label="Berechtigte Benutzer:"
-      >
-        <USelectMenu
-            v-model="itemInfo.profiles"
-            :options="profileStore.profiles"
-            option-attribute="fullName"
-            value-attribute="id"
-            searchable
-            multiple
-            :search-attributes="['fullName']"
-        >
-          <template #label>
-            {{itemInfo.profiles.length > 0 ? itemInfo.profiles.map(i => profileStore.getProfileById(i).fullName).join(", ") : "Kein Benutzer ausgewählt"}}
-          </template>
-        </USelectMenu>
-      </UFormGroup>
-    </UForm>
-  </UDashboardPanelContent>
-
-
-
-
-</template>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/customers/index.vue b/deprecated/entitys/customers/index.vue
deleted file mode 100644
index 05190da..0000000
--- a/deprecated/entitys/customers/index.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-  <EntityList
-      type="customers"
-      :items="items"
-  ></EntityList>
-</template>
-
-<script setup>
-import EntityList from "~/components/EntityList.vue";
-
-definePageMeta({
-  middleware: "auth"
-})
-
-const items = ref([])
-
-const setupPage = async () => {
-  items.value = await useSupabaseSelect("customers",null,"customerNumber")
-}
-
-setupPage()
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/plants/[mode]/[[id]].vue b/deprecated/entitys/plants/[mode]/[[id]].vue
deleted file mode 100644
index b0a1ffd..0000000
--- a/deprecated/entitys/plants/[mode]/[[id]].vue
+++ /dev/null
@@ -1,252 +0,0 @@
-<script setup>
-import HistoryDisplay from "~/components/HistoryDisplay.vue";
-import DocumentList from "~/components/DocumentList.vue";
-import DocumentUpload from "~/components/DocumentUpload.vue";
-import Toolbar from "~/components/Toolbar.vue";
-
-definePageMeta({
-  middleware: "auth"
-})
-
-const dataStore = useDataStore()
-const supabase = useSupabaseClient()
-const route = useRoute()
-const router = useRouter()
-const toast = useToast()
-const id = ref(route.params.id ? route.params.id : null )
-
-
-
-//Working
-const mode = ref(route.params.mode || "show")
-const itemInfo = ref({
-})
-
-const tabItems = [
-  {
-    label: "Informationen"
-  },{
-    label: "Projekte"
-  },{
-    label: "Aufgaben"
-  },{
-    label: "Dokumente"
-  }
-]
-
-//Functions
-const setupPage = async () => {
-  if(mode.value === "show"){
-    itemInfo.value = (await supabase.from("plants").select("*, customer(*)").eq("id",useRoute().params.id).single()).data
-  } else if(mode.value === "edit") {
-    itemInfo.value = (await supabase.from("plants").select().eq("id",useRoute().params.id).single()).data
-  }
-
-  if(mode.value === "create") {
-    let query = route.query
-    if(query.customer) itemInfo.value.customer = Number(query.customer)
-  }
-}
-
-const contentChanged = (content) => {
-  itemInfo.value.description.html = content.html
-  itemInfo.value.description.text = content.text
-  itemInfo.value.description.json = content.json
-}
-
-setupPage()
-</script>
-
-<template>
-  <UDashboardNavbar :title="itemInfo ? itemInfo.name : (mode === 'create' ? 'Objekt erstellen' : 'Objekt bearbeiten')">
-    <template #left>
-      <UButton
-          icon="i-heroicons-chevron-left"
-          variant="outline"
-          @click="router.push(`/plants`)"
-      >
-        Objekte
-      </UButton>
-    </template>
-    <template #center>
-      <h1
-          v-if="itemInfo"
-          :class="['text-xl','font-medium']"
-      >{{itemInfo ? `Objekt: ${itemInfo.name}` : (mode === 'create' ? 'Objekt erstellen' : 'Objekt bearbeiten')}}</h1>
-    </template>
-    <template #right>
-      <ButtonWithConfirm
-          color="rose"
-          variant="outline"
-          @confirmed="dataStore.updateItem('plants',{...itemInfo, archived: true})"
-          v-if="mode === 'edit'"
-      >
-        <template #button>
-          Archivieren
-        </template>
-        <template #header>
-          <span class="text-md text-black font-bold">Archivieren bestätigen</span>
-        </template>
-        Möchten Sie das Objekt {{itemInfo.name}} wirklich archivieren?
-      </ButtonWithConfirm>
-      <UButton
-          v-if="mode === 'edit'"
-          @click="dataStore.updateItem('plants',itemInfo)"
-      >
-        Speichern
-      </UButton>
-      <UButton
-          v-else-if="mode === 'create'"
-          @click="dataStore.createNewItem('plants',itemInfo)"
-      >
-        Erstellen
-      </UButton>
-      <UButton
-          @click="router.push(itemInfo.id ? `/plants/show/${itemInfo.id}` : `/plants/`)"
-          color="red"
-          class="ml-2"
-          v-if="mode === 'edit' || mode === 'create'"
-      >
-        Abbrechen
-      </UButton>
-      <UButton
-          v-if="mode === 'show'"
-          @click="router.push(`/plants/edit/${itemInfo.id}`)"
-      >
-        Bearbeiten
-      </UButton>
-    </template>
-  </UDashboardNavbar>
-  <UTabs
-      :items="tabItems"
-      v-if="mode === 'show'"
-      class="p-5"
-  >
-    <template #item="{item}">
-      <div v-if="item.label === 'Informationen'" class="flex flex-row mt-5">
-        <UCard class="w-1/2 mr-5">
-          <UAlert
-              v-if="itemInfo.archived"
-              color="rose"
-              variant="outline"
-              title="Objekt archiviert"
-              icon="i-heroicons-light-bulb"
-              class="mb-5"
-          />
-          <div class="text-wrap">
-            <table>
-              <tr>
-                <td>Kunde:</td>
-                <td><nuxt-link v-if="itemInfo.customer" :to="`/customers/show/${itemInfo.customer.id}`">{{itemInfo.customer.name}}</nuxt-link></td>
-              </tr>
-            </table>
-          </div>
-          <div v-if="itemInfo.description">
-            <p>Notizen:</p>
-            <span v-html="itemInfo.description.html"></span>
-          </div>
-        </UCard>
-        <UCard class="w-1/2">
-          <HistoryDisplay
-              type="plant"
-              v-if="itemInfo.id"
-              :element-id="itemInfo.id"
-              render-headline
-          />
-        </UCard>
-      </div>
-      <div v-else-if="item.label === 'Projekte'">
-        <Toolbar>
-          <UButton
-              @click="router.push(`/projects/create?plant=${itemInfo.id}`)"
-          >
-            + Projekt
-          </UButton>
-        </Toolbar>
-
-        <UTable
-            :rows="dataStore.getProjectsByPlantId(itemInfo.id)"
-            :columns="[{key: 'name', label: 'Name'}]"
-            @select="(row) => router.push(`/projects/show/${row.id}`)"
-            :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine zugehörigen Projekte' }"
-        >
-
-        </UTable>
-
-      </div>
-      <div v-else-if="item.label === 'Aufgaben'">
-        <Toolbar>
-          <UButton
-              @click="router.push(`/tasks/create?plant=${itemInfo.id}`)"
-          >
-            + Aufgabe
-          </UButton>
-        </Toolbar>
-        <UTable
-            :rows="dataStore.getTasksByPlantId(itemInfo.id)"
-            :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine zugehörigen Aufgaben' }"
-            :columns="[{key: 'name', label: 'Name'},{key: 'categore', label: 'Kategorie'}]"
-            @select="(row) => router.push(`/tasks/show/${row.id}`)"
-        >
-
-        </UTable>
-      </div>
-      <div v-else-if="item.label === 'Dokumente'" class="space-y-3">
-        <Toolbar>
-          <DocumentUpload
-              type="plant"
-              :element-id="itemInfo.id"
-          />
-        </Toolbar>
-
-        <DocumentList :documents="dataStore.getDocumentsByPlantId(itemInfo.id)"/>
-
-      </div>
-    </template>
-  </UTabs>
-
-
-  <UForm
-      v-else-if="mode === 'edit' || mode === 'create'"
-      class="p-5"
-  >
-    <UFormGroup
-        label="Name:"
-    >
-      <UInput
-          v-model="itemInfo.name"
-      />
-    </UFormGroup>
-
-    <UFormGroup
-        label="Kundennummer:"
-    >
-      <USelectMenu
-          v-model="itemInfo.customer"
-          :options="dataStore.customers"
-          option-attribute="name"
-          value-attribute="id"
-          searchable
-          :search-attributes="['name']"
-      >
-        <template #label>
-          {{dataStore.customers.find(customer => customer.id === itemInfo.customer) ? dataStore.customers.find(customer => customer.id === itemInfo.customer).name : "Kunde auswählen"}}
-        </template>
-      </USelectMenu>
-    </UFormGroup>
-    <UFormGroup
-      label="Notizen:"
-    >
-      <Tiptap
-          v-if="itemInfo.description"
-          @updateContent="contentChanged"
-          :preloadedContent="itemInfo.description.html"
-      />
-    </UFormGroup>
-
-  </UForm>
-</template>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/plants/index.vue b/deprecated/entitys/plants/index.vue
deleted file mode 100644
index 2bdfb71..0000000
--- a/deprecated/entitys/plants/index.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <EntityList
-    :items="items"
-    type="plants"
-  />
-</template>
-
-<script setup>
-definePageMeta({
-  middleware: "auth"
-})
-
-const items = ref([])
-const setupPage = async () => {
-  items.value = await useSupabaseSelect("plants","*, customer(id,name)")
-}
-
-setupPage()
-
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/productcategories/[mode]/[[id]].vue b/deprecated/entitys/productcategories/[mode]/[[id]].vue
deleted file mode 100644
index b56c291..0000000
--- a/deprecated/entitys/productcategories/[mode]/[[id]].vue
+++ /dev/null
@@ -1,179 +0,0 @@
-<script setup>
-import HistoryDisplay from "~/components/HistoryDisplay.vue";
-import DocumentList from "~/components/DocumentList.vue";
-import DocumentUpload from "~/components/DocumentUpload.vue";
-import {useSupabaseSelect} from "~/composables/useSupabase.js";
-import dayjs from "dayjs";
-
-definePageMeta({
-  middleware: "auth"
-})
-
-defineShortcuts({
-  'backspace': () => {
-    router.push("/productcategories")
-  },
-  'arrowleft': () => {
-    if(openTab.value > 0){
-      openTab.value -= 1
-    }
-  },
-  'arrowright': () => {
-    if(openTab.value < 3) {
-      openTab.value += 1
-    }
-  },
-})
-
-const dataStore = useDataStore()
-const route = useRoute()
-const router = useRouter()
-const toast = useToast()
-const id = ref(route.params.id ? route.params.id : null )
-
-//Working
-const mode = ref(route.params.mode || "show")
-const itemInfo = ref({})
-const openTab = ref(0)
-
-//Functions
-const setupPage = async () => {
-  if(mode.value === "show" || mode.value === "edit"){
-    itemInfo.value = await useSupabaseSelectSingle("productcategories",route.params.id,"*")
-  }
-
-
-}
-
-const cancelEditorCreate = () => {
-  if(itemInfo.value) {
-    router.push(`/productcategories/show/${itemInfo.value.id}`)
-  } else {
-    router.push(`/productcategories/`)
-  }
-}
-
-
-
-
-setupPage()
-</script>
-
-<template>
-  <UDashboardNavbar
-      :ui="{center: 'flex items-stretch gap-1.5 min-w-0'}"
-  >
-    <template #left>
-      <UButton
-          icon="i-heroicons-chevron-left"
-          variant="outline"
-          @click="router.push(`/productcategories`)"
-      >
-        Artikelkategorien
-      </UButton>
-    </template>
-    <template #center>
-      <h1
-          v-if="itemInfo"
-          class="text-xl font-medium"
-      >{{itemInfo.name ? `Artikelkategorie: ${itemInfo.name}` : (mode === 'create' ? 'Artikelkategorie erstellen' : 'Artikelkategorie bearbeiten')}}</h1>
-    </template>
-    <template #right>
-      <UButton
-          v-if="mode === 'edit'"
-          @click="dataStore.updateItem('productcategories',itemInfo)"
-      >
-        Speichern
-      </UButton>
-      <UButton
-          v-else-if="mode === 'create'"
-          @click="dataStore.createNewItem('productcategories',itemInfo)"
-      >
-        Erstellen
-      </UButton>
-      <UButton
-          @click="cancelEditorCreate"
-          color="red"
-          class="ml-2"
-          v-if="mode === 'edit' || mode === 'create'"
-      >
-        Abbrechen
-      </UButton>
-      <UButton
-          v-if="mode === 'show'"
-          @click="  router.push(`/productcategories/edit/${itemInfo.id}`)"
-      >
-        Bearbeiten
-      </UButton>
-    </template>
-  </UDashboardNavbar>
-  <UTabs
-    :items="[{label: 'Informationen'}]"
-    v-if="mode === 'show' && itemInfo"
-    class="p-5"
-    v-model="openTab"
-  >
-    <template #item="{item}">
-      <div v-if="item.label === 'Informationen'" class="mr-5 flex flex-row">
-        <div class="w-1/2 mr-5">
-          <UCard>
-            <table class="w-full">
-              <tr>
-                <td>Name: </td>
-                <td>{{itemInfo.name}}</td>
-              </tr>
-              <tr>
-                <td>Beschreibung:</td>
-                <td>{{itemInfo.description}}</td>
-              </tr>
-            </table>
-          </UCard>
-        </div>
-        <div class="w-1/2">
-          <UCard>
-            <HistoryDisplay
-                type="product"
-                v-if="itemInfo"
-                :element-id="itemInfo.id"
-                render-headline
-            />
-          </UCard>
-
-        </div>
-      </div>
-
-
-
-
-    </template>
-  </UTabs>
-  <UForm
-      v-else-if="mode == 'edit' || mode == 'create'"
-      class="p-5"
-  >
-    <UFormGroup
-        label="Name:"
-    >
-      <UInput
-          v-model="itemInfo.name"
-          autofocus
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Beschreibung:"
-    >
-      <UTextarea
-          v-model="itemInfo.description"
-      />
-    </UFormGroup>
-  </UForm>
-</template>
-
-<style scoped>
-td {
-  border-bottom: 1px solid lightgrey;
-  vertical-align: top;
-  padding-bottom: 0.15em;
-  padding-top: 0.15em;
-}
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/productcategories/index.vue b/deprecated/entitys/productcategories/index.vue
deleted file mode 100644
index 2f863e0..0000000
--- a/deprecated/entitys/productcategories/index.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <EntityList
-    :items="items"
-    type="productcategories"
-  />
-</template>
-
-<script setup>
-
-definePageMeta({
-  middleware: "auth"
-})
-
-const items = ref([])
-const setupPage = async () => {
-  items.value = await useSupabaseSelect("productcategories","*")
-}
-
-setupPage()
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/products/[mode]/[[id]].vue b/deprecated/entitys/products/[mode]/[[id]].vue
deleted file mode 100644
index eb844a6..0000000
--- a/deprecated/entitys/products/[mode]/[[id]].vue
+++ /dev/null
@@ -1,354 +0,0 @@
-<script setup>
-import HistoryDisplay from "~/components/HistoryDisplay.vue";
-import DocumentList from "~/components/DocumentList.vue";
-import DocumentUpload from "~/components/DocumentUpload.vue";
-import {useSupabaseSelect} from "~/composables/useSupabase.js";
-
-definePageMeta({
-  middleware: "auth"
-})
-
-defineShortcuts({
-  'backspace': () => {
-    router.push("/products")
-  },
-  'arrowleft': () => {
-    if(openTab.value > 0){
-      openTab.value -= 1
-    }
-  },
-  'arrowright': () => {
-    if(openTab.value < 3) {
-      openTab.value += 1
-    }
-  },
-})
-
-const dataStore = useDataStore()
-const profileStore = useProfileStore()
-const supabase = useSupabaseClient()
-const route = useRoute()
-const router = useRouter()
-const toast = useToast()
-const id = ref(route.params.id ? route.params.id : null )
-
-//Working
-const mode = ref(route.params.mode || "show")
-const itemInfo = ref({
-    unit: 1,
-    tags: [],
-    productcategories: []
-})
-const openTab = ref(0)
-
-const productcategories = ref([])
-const units = ref([])
-
-//Functions
-const setupPage = async () => {
-  if(mode.value === "show" || mode.value === "edit"){
-    itemInfo.value = await useSupabaseSelectSingle("products",route.params.id,"*")
-  }
-
-  productcategories.value = await useSupabaseSelect("productcategories","*")
-  units.value = (await supabase.from("units").select()).data
-  console.log(units.value[0])
-
-}
-
-const cancelEditorCreate = () => {
-  if(itemInfo.value) {
-    router.push(`/products/show/${itemInfo.value.id}`)
-  } else {
-    router.push(`/products/`)
-  }
-}
-
-
-
-const printLabel = async (content) => {
-  const label = await useSupabaseSelectSingle("printLabels",1,'*')
-
-
-  usePrintLabel('0dbe30f3-3008-4cde-8a7c-e785b1c22bfc','ZD411',useGenerateZPL(label.handlebarsZPL,{barcode:itemInfo.value.articleNumber }))
-
-}
-
-
-setupPage()
-</script>
-
-<template>
-  <UDashboardNavbar
-      :ui="{center: 'flex items-stretch gap-1.5 min-w-0'}"
-  >
-    <template #left>
-      <UButton
-          icon="i-heroicons-chevron-left"
-          variant="outline"
-          @click="router.push(`/products`)"
-      >
-        Artikel
-      </UButton>
-    </template>
-    <template #center>
-      <h1
-          v-if="itemInfo"
-          class="text-xl font-medium"
-      >{{itemInfo.name ? `Artikel: ${itemInfo.name}` : (mode === 'create' ? 'Artikel erstellen' : 'Artikel bearbeiten')}}</h1>
-    </template>
-    <template #right>
-      <UButton
-          v-if="mode === 'edit'"
-          @click="dataStore.updateItem('products',itemInfo)"
-      >
-        Speichern
-      </UButton>
-      <UButton
-          v-else-if="mode === 'create'"
-          @click="dataStore.createNewItem('products',itemInfo)"
-      >
-        Erstellen
-      </UButton>
-      <UButton
-          @click="cancelEditorCreate"
-          color="red"
-          class="ml-2"
-          v-if="mode === 'edit' || mode === 'create'"
-      >
-        Abbrechen
-      </UButton>
-      <UButton
-          v-if="mode === 'show'"
-          @click="  router.push(`/products/edit/${itemInfo.id}`)"
-      >
-        Bearbeiten
-      </UButton>
-    </template>
-  </UDashboardNavbar>
-  <UTabs
-    :items="[{label: 'Informationen'},{label: 'Bestand'},{label: 'Dokumente'}]"
-    v-if="mode === 'show' && itemInfo"
-    class="p-5"
-    v-model="openTab"
-  >
-    <template #item="{item}">
-      <div v-if="item.label === 'Informationen'" class="mt-5 flex flex-row">
-        <div class="w-1/2 mr-5">
-          <UCard>
-            <UBadge
-                v-for="tag in itemInfo.tags"
-                class="mr-2"
-
-            >
-              {{tag}}
-            </UBadge>
-            <UDivider
-                class="my-2"
-            />
-
-<!--
-            <UButton @click="printLabel(itemInfo.ean)">Print Label</UButton>
--->
-
-            <table class="w-full">
-              <tr>
-                <td>Name:</td>
-                <td>{{itemInfo.name}}</td>
-              </tr>
-              <tr>
-                <td>Hersteller:</td>
-                <td>{{itemInfo.manufacturer}}</td>
-              </tr>
-              <tr>
-                <td>Herstellernummer:</td>
-                <td>{{itemInfo.manufacturerNumber}}</td>
-              </tr>
-              <tr>
-                <td>Einheit:</td>
-                <td>{{units.find(i => i.id === itemInfo.unit) ? units.find(i => i.id === itemInfo.unit).name : ""}}</td>
-              </tr>
-              <tr>
-                <td>Tags:</td>
-                <td>{{itemInfo.tags.join(", ")}}</td>
-              </tr>
-              <tr>
-                <td>Artikelkategorien:</td>
-                <td>{{itemInfo.productcategories.map(i => productcategories.find(x => x.id === i).name).join(", ")}}</td>
-              </tr>
-              <tr>
-                <td>EAN:</td>
-                <td>{{itemInfo.ean}}</td>
-              </tr>
-              <tr>
-                <td>Verkaufspreis:</td>
-                <td>{{itemInfo.sellingPrice}}</td>
-              </tr>
-              <tr>
-                <td>Beschreibung:</td>
-                <td>{{itemInfo.description}}</td>
-              </tr>
-            </table>
-          </UCard>
-        </div>
-        <div class="w-1/2">
-          <UCard>
-            <HistoryDisplay
-                type="product"
-                v-if="itemInfo"
-                :element-id="itemInfo.id"
-                render-headline
-            />
-          </UCard>
-        </div>
-      </div>
-      <div
-          v-if="item.label === 'Bestand'"
-      >
-        <UCard class="mt-5">
-          Bestand: {{dataStore.getStockByProductId(itemInfo.id)}} {{dataStore.units.find(unit => unit.id === itemInfo.unit) ? dataStore.units.find(unit => unit.id === itemInfo.unit).name : ""}}
-        </UCard>
-      </div>
-      <div
-          v-if="item.label === 'Dokumente'"
-      >
-        <UCard class="mt-5">
-          <Toolbar>
-            <DocumentUpload
-                type="product"
-                :element-id="itemInfo.id"
-            />
-          </Toolbar>
-
-
-          <DocumentList :documents="dataStore.getDocumentsByProductId(itemInfo.id)"/>
-        </UCard>
-      </div>
-    </template>
-  </UTabs>
-  <UForm
-      v-else-if="mode == 'edit' || mode == 'create'"
-      class="p-5"
-  >
-    <UFormGroup
-        label="Name:"
-    >
-      <UInput
-          v-model="itemInfo.name"
-          autofocus
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Hersteller:"
-    >
-      <UInput
-          v-model="itemInfo.manufacturer"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Hersteller Nr.:"
-    >
-      <UInput
-          v-model="itemInfo.manufacturerNumber"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Einheit:"
-    >
-      <USelectMenu
-          v-model="itemInfo.unit"
-          :options="dataStore.units"
-          option-attribute="name"
-          value-attribute="id"
-      >
-        <template #label>
-          {{dataStore.units.find(unit => unit.id === itemInfo.unit) ? dataStore.units.find(unit => unit.id === itemInfo.unit).name : itemInfo.unit }}
-        </template>
-      </USelectMenu>
-    </UFormGroup>
-    <UFormGroup
-        label="Tags:"
-    >
-      <USelectMenu
-          v-model="itemInfo.tags"
-          :options="profileStore.ownTenant.tags.products"
-          multiple
-      >
-        <template #label>
-          {{itemInfo.tags.length > 0 ? itemInfo.tags.join(", ") : "Keine Tags ausgewählt"}}
-        </template>
-      </USelectMenu>
-    </UFormGroup>
-    <UFormGroup
-        label="Artikelkategorien:"
-    >
-      <USelectMenu
-          v-model="itemInfo.productcategories"
-          :options="productcategories"
-          value-attribute="id"
-          option-attribute="name"
-          multiple
-      >
-        <template #label>
-          {{itemInfo.productcategories.length > 0 ? itemInfo.productcategories.map(i => productcategories.find(x => x.id === i).name).join(", ") : "Keine Kategorien ausgewählt"}}
-        </template>
-      </USelectMenu>
-    </UFormGroup>
-    <UFormGroup
-        label="EAN:"
-    >
-      <UInput
-          v-model="itemInfo.ean"
-      />
-    </UFormGroup>
-<!--    <UFormGroup
-        label="Barcode:"
-    >
-      <UInput
-          v-model="itemInfo.barcode"
-      />
-    </UFormGroup>-->
-    <UFormGroup
-        label="Einkaufspreis:"
-    >
-      <UInput
-          v-model="itemInfo.purchasePrice"
-          type="number"
-          steps="0.01"
-      >
-        <template #trailing>
-          <span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span>
-        </template>
-      </UInput>
-    </UFormGroup>
-    <UFormGroup
-        label="Verkaufspreis:"
-    >
-      <UInput
-          v-model="itemInfo.sellingPrice"
-          type="number"
-          steps="0.01"
-      >
-        <template #trailing>
-          <span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span>
-        </template>
-      </UInput>
-    </UFormGroup>
-    <UFormGroup
-        label="Beschreibung:"
-    >
-      <UTextarea
-          v-model="itemInfo.description"
-      />
-    </UFormGroup>
-  </UForm>
-</template>
-
-<style scoped>
-td {
-  border-bottom: 1px solid lightgrey;
-  vertical-align: top;
-  padding-bottom: 0.15em;
-  padding-top: 0.15em;
-}
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/products/index.vue b/deprecated/entitys/products/index.vue
deleted file mode 100644
index 05f0d4f..0000000
--- a/deprecated/entitys/products/index.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-  <EntityList
-    :items="items"
-    type="products"
-  />
-</template>
-
-<script setup>
-
-definePageMeta({
-  middleware: "auth"
-})
-
-const items = ref([])
-const productcategories = ref([])
-
-const setupPage = async () => {
-  items.value = await useSupabaseSelect("products","*, unit(name)")
-  productcategories.value = await useSupabaseSelect("productcategories", "*")
-}
-
-setupPage()
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/projects/[mode]/[[id]].vue b/deprecated/entitys/projects/[mode]/[[id]].vue
deleted file mode 100644
index f4b4d7b..0000000
--- a/deprecated/entitys/projects/[mode]/[[id]].vue
+++ /dev/null
@@ -1,674 +0,0 @@
-<script setup>
-import dayjs from "dayjs";
-
-
-definePageMeta({
-  middleware: "auth"
-})
-
-defineShortcuts({
-  'backspace': () => {
-    router.push("/projects")
-  },
-  'arrowleft': () => {
-    if(openTab.value > 0){
-      openTab.value -= 1
-    }
-  },
-  'arrowright': () => {
-    if(openTab.value < 3) {
-      openTab.value += 1
-    }
-  },
-})
-
-const dataStore = useDataStore()
-const profileStore = useProfileStore()
-const supabase = useSupabaseClient()
-const user = useSupabaseUser()
-const route = useRoute()
-const router = useRouter()
-const toast = useToast()
-const id = ref(route.params.id ? route.params.id : null )
-
-const openTab = ref(0)
-
-const tabItems = [
-  {
-    key: "information",
-    label: "Informationen"
-  },
-  {
-    key: "phases",
-    label: "Phasen"
-  },{
-    key: "tasks",
-    label: "Aufgaben"
-  },/*{
-    key: "forms",
-    label: "Formulare"
-  },*/{
-    key: "documents",
-    label: "Dokumente"
-  },{
-    key: "timetracking",
-    label: "Zeiterfassung"
-  },{
-    key: "events",
-    label: "Termine"
-  },{
-    key: "material",
-    label: "Material"
-  }
-]
-
-const timeTableRows = [
-  {
-    key:"user",
-    label: "Benutzer"
-  },{
-    key:"start",
-    label: "Start"
-  },{
-    key:"end",
-    label:"Ende"
-  },{
-    key:"duration",
-    label: "Dauer"
-  },{
-    key: "type",
-    label: "Typ"
-  },{
-    key:"notes",
-    label: "Notizen"
-  },
-]
-
-
-
-//Working
-const mode = ref(route.params.mode || "show")
-const itemInfo = ref({
-  name: "",
-  customer: 0,
-  profiles: [profileStore.activeProfile.id]
-})
-const oldItemInfo = ref({})
-
-const plants = ref([])
-const contracts = ref([])
-const projecttypes = ref([])
-const disableCustomerSelection =ref(false)
-
-
-//Functions
-const setupPage = async() => {
-  plants.value = await useSupabaseSelect("plants")
-  contracts.value = await useSupabaseSelect("contracts")
-  projecttypes.value = await useSupabaseSelect("projecttypes", "*", "id")
-
-  if(mode.value === "show" ){
-    itemInfo.value = await useSupabaseSelectSingle("projects",route.params.id,"*, customer(*), plant(*), createddocuments(*)")
-  } else if (mode.value === "edit") {
-    itemInfo.value = await useSupabaseSelectSingle("projects",route.params.id,"*")
-  }
-
-  if(mode.value === "create") {
-    let query = route.query
-
-    if(query.customer) itemInfo.value.customer = Number(query.customer)
-
-    if(query.plant) {
-      itemInfo.value.plant = Number(query.plant)
-      itemInfo.value.customer = dataStore.getPlantById(itemInfo.value.plant).customer
-    }
-  }
-  if(itemInfo.value) oldItemInfo.value = JSON.parse(JSON.stringify(itemInfo.value))
-
-  if(!oldItemInfo.value.projecttype) {
-    itemInfo.value.projecttype = projecttypes.value[0].id
-  }
-
-}
-
-setupPage()
-
-const cancelEditorCreate = () => {
-  if(itemInfo.value) {
-    router.push(`/projects/show/${itemInfo.value.id}`)
-  } else {
-    router.push(`/projects/`)
-  }
-}
-
-const projectHours = () => {
-  let hours = 0
-  dataStore.getTimesByProjectId(itemInfo.value.id).forEach(item => {
-    hours += Number(dayjs(item.end).diff(item.start,'hour',true).toFixed(2))
-  })
-
-  return hours.toFixed(2)
-}
-
-const updateProject = async () => {
-  let initialPhases = projecttypes.value.find(i => i.id === itemInfo.value.projecttype).initialPhases
-
-  if(oldItemInfo.value.phases.length === 0) {
-    itemInfo.value.phases = initialPhases
-  }
-
-  await dataStore.updateItem('projects',itemInfo.value,oldItemInfo.value)
-
-}
-
-const createProject = async () => {
-  let initialPhases = projecttypes.value.find(i => i.id === itemInfo.value.projecttype).initialPhases
-  await dataStore.createNewItem('projects',{...itemInfo.value, phases: initialPhases })
-}
-
-const changeActivePhase = async (key) => {
-  let item = await useSupabaseSelectSingle("projects",itemInfo.value.id,'*')
-
-  console.log(key)
-
-  let phaseLabel = ""
-
-  item.phases = item.phases.map(p => {
-    if(p.active) p.active = false
-
-    if(p.key === key) {
-      p.active = true
-      p.activated_at = dayjs().format()
-      p.activated_by = profileStore.activeProfile.id
-      phaseLabel = p.label
-    }
-
-    return p
-  })
-
-  console.log(item.phases)
-
-  await supabase.from("projects").update({phases: item.phases}).eq("id",item.id)
-  const {error} = await supabase.from("historyitems").insert({
-    createdBy: profileStore.activeProfile.id,
-    tenant: profileStore.currentTenant,
-    text: `Aktive Phase zu "${phaseLabel}" gewechselt`,
-    project: item.id
-  })
-  console.log(error)
-
-  setupPage()
-}
-
-
-const renderedPhases = computed(() => {
-
-  if(itemInfo.value.phases) {
-    return itemInfo.value.phases.map((phase,index,array) => {
-
-      let isAvailable = false
-
-      if(phase.active) {
-        isAvailable = true
-      } else if(index > 0 && array[index-1].active ){
-        isAvailable = true
-      } else if(index > 1 && array[index-1].optional && array[index-2].active){
-        isAvailable = true
-      } else if(array.findIndex(i => i.active) > index) {
-        isAvailable = true
-      }
-
-
-      return {
-        ...phase,
-        label: phase.optional ? `${phase.label}(optional)`: phase.label,
-        disabled: !isAvailable,
-        defaultOpen: phase.active ? true : false
-      }
-    })
-  } else {
-    return []
-  }
-})
-
-const invoiceDeliveryNotes = () => {
-  router.push(`/createDocument/edit?type=invoices&linkedDocuments=[${itemInfo.value.createddocuments.filter(i => i.type === "deliveryNotes").map(i => i.id)}]`)
-}
-
-</script>
-
-<template>
-  <UDashboardNavbar :title="itemInfo ? itemInfo.name : (mode === 'create' ? 'Projekt erstellen' : 'Projekt bearbeiten')">
-    <template #left>
-      <UButton
-          icon="i-heroicons-chevron-left"
-          variant="outline"
-          @click="router.push(`/projects`)"
-      >
-        Projekte
-      </UButton>
-    </template>
-    <template #center>
-      <h1
-          v-if="itemInfo"
-          class="text-xl font-medium"
-      >{{itemInfo.name ? `Projekt: ${itemInfo.name}` : (mode === 'create' ? 'Projekt erstellen' : 'Projekt bearbeiten')}}</h1>
-    </template>
-    <template #right>
-      <UButton
-          v-if="mode === 'edit'"
-          @click="updateProject"
-      >
-        Speichern
-      </UButton>
-      <UButton
-          v-else-if="mode === 'create'"
-          @click="createProject"
-      >
-        Erstellen
-      </UButton>
-      <UButton
-          @click="cancelEditorCreate"
-          color="red"
-          class="ml-2"
-          v-if="mode === 'edit' || mode === 'create'"
-      >
-        Abbrechen
-      </UButton>
-      <UButton
-          v-if="mode === 'show'"
-          @click="router.push(`/projects/edit/${itemInfo.id}`)"
-      >
-        Bearbeiten
-      </UButton>
-    </template>
-  </UDashboardNavbar>
-  <UDashboardPanelContent>
-    <UTabs
-        :items="tabItems"
-        v-if="itemInfo.id && mode == 'show'"
-        v-model="openTab"
-    >
-      <template #item="{ item }">
-        <div v-if="item.key === 'information'" class="flex flex-row">
-          <div class="w-1/2 mr-3">
-            <UCard class="mt-5">
-              <div class="text-wrap">
-                <p>Kunde: <nuxt-link :to="`/customers/show/${itemInfo.customer.id}`">{{itemInfo.customer.name}}</nuxt-link></p>
-                <p>Objekt: <nuxt-link v-if="itemInfo.plant" :to="`/plants/show/${itemInfo.plant.id}`">{{itemInfo.plant ? itemInfo.plant.name : ""}}</nuxt-link><span v-else>-</span></p>
-                <p class="">Notizen: {{itemInfo.notes}}</p>
-              </div>
-            </UCard>
-            <UCard class="mt-3">
-              <h1 class="font-bold text-lg mb-3">Beteiligte Benutzer:</h1>
-              <UAlert
-                  v-for="projectUser in itemInfo.profiles"
-                  :avatar="{ alt: profileStore.getProfileById(projectUser).fullName }"
-                  :title="profileStore.getProfileById(projectUser).fullName"
-                  class="mb-3"
-
-              />
-            </UCard>
-          </div>
-          <div class="w-1/2">
-            <UCard class="mt-5">
-              <HistoryDisplay
-                  type="project"
-                  v-if="itemInfo"
-                  :element-id="itemInfo.id"
-                  render-headline
-              />
-            </UCard>
-          </div>
-
-
-
-        </div>
-        <div v-if="item.key === 'phases'" class="space-y-3">
-          <UCard class="mt-5">
-            <UAccordion
-                :items="renderedPhases"
-            >
-              <template #default="{item,index,open}">
-                <UButton
-                    variant="ghost"
-                    :color="item.active ? 'primary' : 'white'"
-                    class="mb-1"
-                    :disabled="true"
-                >
-                  <template #leading>
-                    <div class="w-6 h-6  flex items-center justify-center -my-1">
-                      <UIcon :name="item.icon" class="w-4 h-4 " />
-                    </div>
-                  </template>
-
-                  <span class="truncate"> {{item.label}}</span>
-
-                  <template #trailing>
-                    <UIcon
-                        name="i-heroicons-chevron-right-20-solid"
-                        class="w-5 h-5 ms-auto transform transition-transform duration-200"
-                        :class="[open && 'rotate-90']"
-                    />
-                  </template>
-
-                </UButton>
-              </template>
-              <template #item="{item, index}">
-                <UCard class="mx-5">
-                  <template #header>
-                    <span class="text-black">{{item.label}}</span>
-                  </template>
-                  <InputGroup>
-                    <UButton
-                        v-if="!item.activated_at && index !== 0 "
-                        @click="changeActivePhase(item.key)"
-                    >
-                      Phase aktivieren
-                    </UButton>
-                    <UButton
-                        v-if="item.active"
-                        v-for="button in item.quickactions"
-                        @click="router.push(`${button.link}&customer=${itemInfo.customer.id}&project=${itemInfo.id}`)"
-                    >
-                      {{button.label}}
-                    </UButton>
-                  </InputGroup>
-
-                  <div>
-                    <p v-if="item.activated_at" class="text-black">Aktiviert am: {{dayjs(item.activated_at).format("DD.MM.YY HH:mm")}} Uhr</p>
-                    <p v-if="item.activated_by" class="text-black">Aktiviert durch: {{profileStore.getProfileById(item.activated_by).fullName}}</p>
-                    <p v-if="item.description" class="text-black">Beschreibung: {{item.description}}</p>
-                  </div>
-                </UCard>
-
-
-              </template>
-            </UAccordion>
-          </UCard>
-        </div>
-        <div v-if="item.key === 'tasks'" class="space-y-3">
-          <UCard class="mt-5">
-            <Toolbar>
-              <UButton
-                  @click="router.push(`/tasks/create?project=${itemInfo.id}`)"
-              >
-                + Aufgabe
-              </UButton>
-            </Toolbar>
-
-            <UTable
-                :rows="dataStore.getTasksByProjectId(itemInfo.id)"
-                :columns="[{key: 'name',label: 'Name'},{key: 'categorie',label: 'Kategorie'},{key: 'user',label: 'Benutzer'}]"
-                @select="(row) => router.push(`/tasks/show/${row.id}`)"
-                :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine zugehörigen Aufgaben' }"
-
-            >
-              <template #user-data="{row}">
-                {{profileStore.profiles.find(i => i.id === row.user) ? profileStore.profiles.find(i => i.id === row.user).fullName : ""}}
-              </template>
-            </UTable>
-          </UCard>
-
-
-
-        </div>
-        <div v-else-if="item.key === 'documents'" class="space-y-3">
-          <UCard class="mt-5">
-            <Toolbar>
-              <DocumentUpload
-                  type="project"
-                  :element-id="itemInfo.id"
-              />
-              <UButton
-                  @click="router.push(`/createDocument/edit?project=${itemInfo.id}&customer=${itemInfo.customer.id}`)"
-              >
-                + Dokument
-              </UButton>
-              <UButton
-                @click="invoiceDeliveryNotes"
-              >
-                Lieferscheine abrechnen
-              </UButton>
-            </Toolbar>
-
-
-            <UTable
-                :rows="itemInfo.createddocuments"
-                :columns="[
-                {
-                  label: 'Typ',
-                  key: 'type'
-                }, {
-                  label: 'Status',
-                  key: 'state'
-                }, {
-                  label: 'Dokumentennummer',
-                  key: 'documentNumber'
-                }, {
-                  label: 'Ansprechpartner',
-                  key: 'createdBy'
-                }
-
-            ]"
-                @select="(row) => row.state === 'Entwurf' ? router.push(`/createDocument/edit/${row.id}`) : router.push(`/createDocument/show/${row.id}`)"
-                :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine zugehörigen erstellten Dokumente' }"
-
-            >
-              <template #type-data="{row}">
-                <span v-if="row.type === 'invoices'">Rechnung</span>
-                <span v-if="row.type === 'quotes'">Angebot</span>
-                <span v-if="row.type === 'deliveryNotes'">Lieferschein</span>
-              </template>
-              <template #createdBy-data="{row}">
-                {{profileStore.getProfileById(row.createdBy).fullName}}
-              </template>
-            </UTable>
-
-            <DocumentList :documents="dataStore.getDocumentsByProjectId(itemInfo.id)"/>
-          </UCard>
-
-
-
-
-        </div>
-        <div v-else-if="item.key === 'timetracking'" class="space-y-3">
-          <UCard class="mt-5">
-            Projekt Zeit: {{String(projectHours()).replace(".",",")}} Stunden
-            <UTable
-                :rows="dataStore.getTimesByProjectId(itemInfo.id)"
-                :columns="timeTableRows"
-                :empty-state="{ icon: 'i-heroicons-clock', label: 'Noch keine Zeiten in diesem Projekt' }"
-            >
-              <template #user-data="{row}">
-                {{profileStore.profiles.find(profile => profile.id === row.user) ? profileStore.profiles.find(profile => profile.id === row.user).fullName : row.user }}
-              </template>
-              <template #duration-data="{row}">
-                {{(row.start && row.end) ? `${String(dayjs(row.end).diff(row.start,'hour',true).toFixed(2)).replace(".",",")} h` : ""}}
-              </template>
-              <template #start-data="{row}">
-                {{dayjs(row.start).format("DD.MM.YY HH:mm")}}
-              </template>
-              <template #end-data="{row}">
-                {{dayjs(row.end).format("DD.MM.YY HH:mm")}}
-              </template>
-
-            </UTable>
-          </UCard>
-
-
-        </div>
-        <div v-else-if="item.key === 'events'" class="space-y-3">
-          <UCard class="mt-5">
-            <Toolbar>
-              <UButton
-                  @click="router.push(`/events/edit`)"
-              >
-                + Termin
-              </UButton>
-            </Toolbar>
-            <UTable
-                :rows="dataStore.getEventsByProjectId(itemInfo.id)"
-                @select="(i) => router.push(`/events/show/${i.id}`)"
-                :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Termine anzuzeigen' }"
-                :columns="[{key:'title',label:'Titel'},{key:'start',label:'Start'},{key:'end',label:'Ende'},{key:'type',label:'Typ'},{key:'resources',label:'Resourcen'}]"
-            >
-              <template #start-data="{row}">
-                {{dayjs(row.start).format("DD.MM.YY HH:mm")}}
-              </template>
-              <template #end-data="{row}">
-                {{dayjs(row.end).format("DD.MM.YY HH:mm")}}
-              </template>
-              <template #resources-data="{row}">
-                {{row.resources.map(i => i.title).join(", ")}}
-              </template>
-            </UTable>
-          </UCard>
-        </div>
-        <div v-else-if="item.key === 'material'" class="space-y-3">
-
-        </div>
-
-      </template>
-
-
-    </UTabs>
-
-    <UForm v-else-if="mode === 'edit' || mode === 'create'"  >
-      <UFormGroup
-          label="Name:"
-      >
-        <UInput
-            v-model="itemInfo.name"
-        />
-      </UFormGroup>
-
-      <UFormGroup
-          label="Projektnummer:"
-      >
-        <UInput
-            v-model="itemInfo.projectNumber"
-            placeholder="Leer lassen für automatisch generierte Nummer"
-        />
-      </UFormGroup>
-
-      <UFormGroup
-          label="Objekt:"
-      >
-        <USelectMenu
-            v-model="itemInfo.plant"
-            :options="itemInfo.customer ? plants.filter(i => i.customer === itemInfo.customer) : plants"
-            option-attribute="name"
-            value-attribute="id"
-            searchable
-            :search-attributes="['name']"
-            @change="itemInfo.customer = plants.find(i => i.id === itemInfo.plant).customer,
-                    disableCustomerSelection = true"
-        >
-          <template #label>
-            {{plants.find(i => i.id === itemInfo.plant) ? plants.find(i => i.id === itemInfo.plant).name : "Objekt auswählen"}}
-          </template>
-        </USelectMenu>
-      </UFormGroup>
-      <UFormGroup
-          label="Vertrag:"
-      >
-        <USelectMenu
-            v-model="itemInfo.contract"
-            :options="itemInfo.customer ? contracts.filter(i => i.customer === itemInfo.customer) : contracts"
-            option-attribute="name"
-            value-attribute="id"
-            searchable
-            :search-attributes="['name']"
-            @change="itemInfo.customer = contracts.find(i => i.id === itemInfo.contract).customer,
-                    disableCustomerSelection = true"
-        >
-          <template #label>
-            {{contracts.find(i => i.id === itemInfo.contract) ? contracts.find(i => i.id === itemInfo.contract).name : "Vertrag auswählen"}}
-          </template>
-        </USelectMenu>
-      </UFormGroup>
-
-      <UFormGroup
-          label="Kundennummer:"
-      >
-        <USelectMenu
-            v-model="itemInfo.customer"
-            :options="dataStore.customers"
-            option-attribute="name"
-            value-attribute="id"
-            searchable
-            :search-attributes="['name']"
-            :disabled="disableCustomerSelection"
-        >
-          <template #label>
-            {{dataStore.getCustomerById(itemInfo.customer) ? dataStore.getCustomerById(itemInfo.customer).name : "Kunde auswählen"}}
-          </template>
-        </USelectMenu>
-      </UFormGroup>
-
-      <UFormGroup
-          label="Typ:"
-      >
-        <USelectMenu
-            v-model="itemInfo.projecttype"
-            :options="projecttypes"
-            option-attribute="name"
-            value-attribute="id"
-            searchable
-            :search-attributes="['label']"
-            :disabled="oldItemInfo.projecttype"
-        >
-        </USelectMenu>
-      </UFormGroup>
-
-      <UFormGroup
-          label="Gewerk:"
-      >
-        <USelectMenu
-            v-model="itemInfo.measure"
-            :options="dataStore.getMeasures"
-            option-attribute="name"
-            value-attribute="short"
-            searchable
-            :search-attributes="['name']"
-        >
-
-        </USelectMenu>
-      </UFormGroup>
-
-
-      <UFormGroup
-          label="Berechtigte Benutzer:"
-      >
-        <USelectMenu
-            v-model="itemInfo.profiles"
-            :options="profileStore.profiles"
-            option-attribute="fullName"
-            value-attribute="id"
-            searchable
-            multiple
-            :search-attributes="['fullName']"
-        >
-          <template #label>
-            {{itemInfo.profiles.length > 0 ? itemInfo.profiles.map(i => profileStore.getProfileById(i).fullName).join(", ") : "Kein Benutzer ausgewählt"}}
-          </template>
-        </USelectMenu>
-      </UFormGroup>
-
-      <UFormGroup
-          label="Notizen:"
-      >
-        <UTextarea
-            v-model="itemInfo.notes"
-        />
-      </UFormGroup>
-    </UForm>
-  </UDashboardPanelContent>
-
-
-</template>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/projects/index.vue b/deprecated/entitys/projects/index.vue
deleted file mode 100644
index bbd665d..0000000
--- a/deprecated/entitys/projects/index.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-  <EntityList
-      type="projects"
-      :items="items"
-  ></EntityList>
-</template>
-
-<script setup>
-import EntityList from "~/components/EntityList.vue";
-
-definePageMeta({
-  middleware: "auth"
-})
-
-const items = ref([])
-
-const setupPage = async () => {
-  let profiles = (await useSupabaseSelect("profiles"))
-  items.value = (await useSupabaseSelect("projects","*, customer (name), plant(name), projecttype(name, id)","projectNumber")).map(project => {
-    return {
-      ...project,
-      //profiles: project.profiles.map(x => profiles.find(z => z.id === x).fullName).join(", "),
-      phase: getActivePhaseLabel(project)
-    }
-  })
-}
-
-const getActivePhaseLabel = (item) => {
-  if(item.phases) {
-    if(item.phases.length > 0) {
-
-      let activePhase = item.phases.find(i => i.active)
-
-      if(activePhase) {
-        return activePhase.label
-      } else {
-        return  ""
-      }
-    }
-  }
-}
-
-setupPage()
-
-</script>
\ No newline at end of file
diff --git a/deprecated/entitys/servicecategories/[mode]/[[id]].vue b/deprecated/entitys/servicecategories/[mode]/[[id]].vue
deleted file mode 100644
index 3698744..0000000
--- a/deprecated/entitys/servicecategories/[mode]/[[id]].vue
+++ /dev/null
@@ -1,179 +0,0 @@
-<script setup>
-import HistoryDisplay from "~/components/HistoryDisplay.vue";
-import DocumentList from "~/components/DocumentList.vue";
-import DocumentUpload from "~/components/DocumentUpload.vue";
-import {useSupabaseSelect} from "~/composables/useSupabase.js";
-import dayjs from "dayjs";
-
-definePageMeta({
-  middleware: "auth"
-})
-
-defineShortcuts({
-  'backspace': () => {
-    router.push("/servicecategories")
-  },
-  'arrowleft': () => {
-    if(openTab.value > 0){
-      openTab.value -= 1
-    }
-  },
-  'arrowright': () => {
-    if(openTab.value < 3) {
-      openTab.value += 1
-    }
-  },
-})
-
-const dataStore = useDataStore()
-const route = useRoute()
-const router = useRouter()
-const toast = useToast()
-const id = ref(route.params.id ? route.params.id : null )
-
-//Working
-const mode = ref(route.params.mode || "show")
-const itemInfo = ref({})
-const openTab = ref(0)
-
-//Functions
-const setupPage = async () => {
-  if(mode.value === "show" || mode.value === "edit"){
-    itemInfo.value = await useSupabaseSelectSingle("servicecategories",route.params.id,"*")
-  }
-
-
-}
-
-const cancelEditorCreate = () => {
-  if(itemInfo.value) {
-    router.push(`/servicecategories/show/${itemInfo.value.id}`)
-  } else {
-    router.push(`/servicecategories/`)
-  }
-}
-
-
-
-
-setupPage()
-</script>
-
-<template>
-  <UDashboardNavbar
-      :ui="{center: 'flex items-stretch gap-1.5 min-w-0'}"
-  >
-    <template #left>
-      <UButton
-          icon="i-heroicons-chevron-left"
-          variant="outline"
-          @click="router.push(`/servicecategories`)"
-      >
-        Leistungskategorien
-      </UButton>
-    </template>
-    <template #center>
-      <h1
-          v-if="itemInfo"
-          class="text-xl font-medium"
-      >{{itemInfo.name ? `Leistungskategorie: ${itemInfo.name}` : (mode === 'create' ? 'Leistungskategorie erstellen' : 'Leistungskategorie bearbeiten')}}</h1>
-    </template>
-    <template #right>
-      <UButton
-          v-if="mode === 'edit'"
-          @click="dataStore.updateItem('servicecategories',itemInfo)"
-      >
-        Speichern
-      </UButton>
-      <UButton
-          v-else-if="mode === 'create'"
-          @click="dataStore.createNewItem('servicecategories',itemInfo)"
-      >
-        Erstellen
-      </UButton>
-      <UButton
-          @click="cancelEditorCreate"
-          color="red"
-          class="ml-2"
-          v-if="mode === 'edit' || mode === 'create'"
-      >
-        Abbrechen
-      </UButton>
-      <UButton
-          v-if="mode === 'show'"
-          @click="  router.push(`/servicecategories/edit/${itemInfo.id}`)"
-      >
-        Bearbeiten
-      </UButton>
-    </template>
-  </UDashboardNavbar>
-  <UTabs
-    :items="[{label: 'Informationen'}]"
-    v-if="mode === 'show' && itemInfo"
-    class="p-5"
-    v-model="openTab"
-  >
-    <template #item="{item}">
-      <div v-if="item.label === 'Informationen'" class="mr-5 flex flex-row">
-        <div class="w-1/2 mr-5">
-          <UCard>
-            <table class="w-full">
-              <tr>
-                <td>Name: </td>
-                <td>{{itemInfo.name}}</td>
-              </tr>
-              <tr>
-                <td>Beschreibung:</td>
-                <td>{{itemInfo.description}}</td>
-              </tr>
-            </table>
-          </UCard>
-        </div>
-        <div class="w-1/2">
-          <UCard>
-            <HistoryDisplay
-                type="product"
-                v-if="itemInfo"
-                :element-id="itemInfo.id"
-                render-headline
-            />
-          </UCard>
-
-        </div>
-      </div>
-
-
-
-
-    </template>
-  </UTabs>
-  <UForm
-      v-else-if="mode == 'edit' || mode == 'create'"
-      class="p-5"
-  >
-    <UFormGroup
-        label="Name:"
-    >
-      <UInput
-          v-model="itemInfo.name"
-          autofocus
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Beschreibung:"
-    >
-      <UTextarea
-          v-model="itemInfo.description"
-      />
-    </UFormGroup>
-  </UForm>
-</template>
-
-<style scoped>
-td {
-  border-bottom: 1px solid lightgrey;
-  vertical-align: top;
-  padding-bottom: 0.15em;
-  padding-top: 0.15em;
-}
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/servicecategories/index.vue b/deprecated/entitys/servicecategories/index.vue
deleted file mode 100644
index 9fd03ea..0000000
--- a/deprecated/entitys/servicecategories/index.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <EntityList
-    :items="items"
-    type="servicecategories"
-  />
-</template>
-
-<script setup>
-
-definePageMeta({
-  middleware: "auth"
-})
-
-const items = ref([])
-const setupPage = async () => {
-  items.value = await useSupabaseSelect("servicecategories","*")
-}
-
-setupPage()
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/services/[mode]/[[id]].vue b/deprecated/entitys/services/[mode]/[[id]].vue
deleted file mode 100644
index d0e4e32..0000000
--- a/deprecated/entitys/services/[mode]/[[id]].vue
+++ /dev/null
@@ -1,266 +0,0 @@
-<script setup>
-definePageMeta({
-  middleware: "auth"
-})
-
-defineShortcuts({
-  'backspace': () => {
-    router.push("/services")
-  },
-  'arrowleft': () => {
-    if(openTab.value > 0){
-      openTab.value -= 1
-    }
-  },
-  'arrowright': () => {
-    if(openTab.value < 3) {
-      openTab.value += 1
-    }
-  },
-})
-
-const dataStore = useDataStore()
-const profileStore = useProfileStore()
-const route = useRoute()
-const router = useRouter()
-const toast = useToast()
-const supabase = useSupabaseClient()
-const id = ref(route.params.id ? route.params.id : null )
-
-//Working
-const mode = ref(route.params.mode || "show")
-const itemInfo = ref({
-    unit: 1,
-    tags: [],
-    servicecategories: []
-})
-
-const openTab = ref(0)
-
-const servicecategories = ref([])
-const units = ref([])
-
-//Functions
-const setupPage = async () => {
-  if(mode.value === "show"){
-    itemInfo.value = await useSupabaseSelectSingle("services",useRoute().params.id, "*")
-  } else if(mode.value === "edit") {
-    itemInfo.value = await useSupabaseSelectSingle("services",useRoute().params.id)
-  }
-
-  servicecategories.value = await useSupabaseSelect("servicecategories","*")
-  units.value = (await supabase.from("units").select()).data
-
-}
-
-setupPage()
-</script>
-
-<template>
-  <UDashboardNavbar :title="itemInfo ? itemInfo.name : (mode === 'create' ? 'Leistung erstellen' : 'Leistung bearbeiten')">
-    <template #left>
-      <UButton
-          icon="i-heroicons-chevron-left"
-          variant="outline"
-          @click="router.push(`/services`)"
-      >
-        Leistungen
-      </UButton>
-    </template>
-    <template #center>
-      <h1
-          v-if="itemInfo"
-          class="text-xl font-medium"
-      >{{itemInfo.name ? `Leistung: ${itemInfo.name}` : (mode === 'create' ? 'Leistung erstellen' : 'Leistung bearbeiten')}}</h1>
-    </template>
-    <template #right>
-      <UButton
-          v-if="mode === 'edit'"
-          @click="dataStore.updateItem('services',itemInfo)"
-      >
-        Speichern
-      </UButton>
-      <UButton
-          v-else-if="mode === 'create'"
-          @click="dataStore.createNewItem('services',itemInfo)"
-      >
-        Erstellen
-      </UButton>
-      <UButton
-          @click="itemInfo.value ? router.push(`/services/show/${itemInfo.value.id}`) : router.push(`/services/`)"
-          color="red"
-          class="ml-2"
-          v-if="mode === 'edit' || mode === 'create'"
-      >
-        Abbrechen
-      </UButton>
-      <UButton
-          v-if="mode === 'show'"
-          @click="router.push(`/services/edit/${itemInfo.id}`)"
-      >
-        Bearbeiten
-      </UButton>
-    </template>
-  </UDashboardNavbar>
-  <UTabs
-    :items="[{label: 'Informationen'},{label: 'Dokumente'}]"
-    v-if="mode === 'show'"
-    class="p-5"
-    v-model="openTab"
-  >
-    <template #item="{item}">
-      <div v-if="item.label === 'Informationen'" class="mt-5 flex flex-row">
-        <div class="w-1/2 mr-5">
-          <UCard>
-            <table class="w-full">
-              <tr>
-                <td>Name:</td>
-                <td>{{itemInfo.name}}</td>
-              </tr>
-              <tr>
-                <td>Leistungsnummer:</td>
-                <td>{{itemInfo.serviceNumber}}</td>
-              </tr>
-              <tr>
-                <td>Verkaufpreis:</td>
-                <td>{{itemInfo.sellingPrice && itemInfo.sellingPrice.toFixed(2).replace(".", ",") + " €"}}</td>
-              </tr>
-              <tr>
-                <td>Einheit:</td>
-                <td>{{units.find(i => i.id === itemInfo.unit) ? units.find(i => i.id === itemInfo.unit).name : itemInfo.unit}}</td>
-              </tr>
-              <tr>
-                <td>Tags:</td>
-                <td>{{itemInfo.tags.join(", ")}}</td>
-              </tr>
-              <tr>
-                <td>Leistungskategorien:</td>
-                <td>{{itemInfo.servicecategories ? itemInfo.servicecategories.map(i => servicecategories.find(x => x.id === i).name).join(", ") : ""}}</td>
-              </tr>
-              <tr>
-                <td>Beschreibung:</td>
-                <td>{{itemInfo.description}}</td>
-              </tr>
-            </table>
-          </UCard>
-        </div>
-        <div class="w-1/2">
-          <UCard>
-            <HistoryDisplay
-                render-headline
-                type="product"
-                v-if="itemInfo"
-                :element-id="itemInfo.id"
-            />
-          </UCard>
-        </div>
-      </div>
-      <div
-          v-if="item.label === 'Dokumente'"
-          class="mt-5"
-      >
-        <UCard>
-          <Toolbar>
-            <DocumentUpload
-                type="product"
-                :element-id="itemInfo.id"
-            />
-          </Toolbar>
-
-
-          <DocumentList :documents="dataStore.getDocumentsByProductId(itemInfo.id)"/>
-        </UCard>
-
-      </div>
-    </template>
-  </UTabs>
-  <UForm
-      v-else-if="mode == 'edit' || mode == 'create'"
-    class="p-5"
-  >
-    <UFormGroup
-        label="Name:"
-    >
-      <UInput
-          v-model="itemInfo.name"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Leistungsnummer:"
-    >
-      <UInput
-          v-model="itemInfo.serviceNumber"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Einheit:"
-    >
-      <USelectMenu
-          v-model="itemInfo.unit"
-          :options="dataStore.units"
-          option-attribute="name"
-          value-attribute="id"
-      >
-        <template #label>
-          {{dataStore.units.find(unit => unit.id === itemInfo.unit) ? dataStore.units.find(unit => unit.id === itemInfo.unit).name : itemInfo.unit }}
-        </template>
-      </USelectMenu>
-    </UFormGroup>
-    <UFormGroup
-        label="Tags:"
-    >
-      <USelectMenu
-          v-model="itemInfo.tags"
-          :options="profileStore.ownTenant.tags.products"
-          multiple
-      />
-    </UFormGroup>
-
-    <UFormGroup
-      label="Leistungskategorie:"
-    >
-      <USelectMenu
-        :options="servicecategories"
-        option-attribute="name"
-        value-attribute="id"
-        v-model="itemInfo.servicecategories"
-        multiple
-      >
-        <template #label>
-          {{itemInfo.servicecategories && itemInfo.servicecategories.length > 0 ? itemInfo.servicecategories.map(i => servicecategories.find(x => x.id === i).name).join(", ") : "Keine Kategorien ausgewählt"}}
-        </template>
-      </USelectMenu>
-    </UFormGroup>
-
-    <UFormGroup
-        label="Verkaufspreis:"
-    >
-      <UInput
-          v-model="itemInfo.sellingPrice"
-          type="number"
-          steps="0.001"
-      >
-        <template #trailing>
-          <span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span>
-        </template>
-      </UInput>
-    </UFormGroup>
-    <UFormGroup
-      label="Beschreibung:"
-    >
-      <UTextarea
-        v-model="itemInfo.description"
-        :rows="6"
-      />
-    </UFormGroup>
-  </UForm>
-</template>
-
-<style scoped>
-td {
-  border-bottom: 1px solid lightgrey;
-  vertical-align: top;
-  padding-bottom: 0.15em;
-  padding-top: 0.15em;
-}
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/services/index.vue b/deprecated/entitys/services/index.vue
deleted file mode 100644
index 14a8099..0000000
--- a/deprecated/entitys/services/index.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-  <EntityList
-    :items="items"
-    type="services"
-  />
-
-</template>
-
-<script setup>
-definePageMeta({
-  middleware: "auth"
-})
-
-const items = ref([])
-const setupPage = async () => {
-  items.value = await useSupabaseSelect("services","*, unit(name)")
-}
-
-setupPage()
-
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/tasks/[mode]/[[id]].vue b/deprecated/entitys/tasks/[mode]/[[id]].vue
deleted file mode 100644
index 9b2cf1c..0000000
--- a/deprecated/entitys/tasks/[mode]/[[id]].vue
+++ /dev/null
@@ -1,211 +0,0 @@
-<script setup>
-definePageMeta({
-  middleware: "auth"
-})
-
-const dataStore = useDataStore()
-const profileStore = useProfileStore()
-const route = useRoute()
-const router = useRouter()
-const toast = useToast()
-const id = ref(route.params.id ? route.params.id : null )
-
-//Working
-const mode = ref(route.params.mode || "show")
-const itemInfo = ref({
-  profile: profileStore.activeProfile.id
-})
-const oldItemInfo = ref({})
-const categories = ["Offen", "In Bearbeitung", "Dringed", "Erledigt"]
-
-//Functions
-const setupPage = () => {
-  if(mode.value === "show" || mode.value === "edit"){
-    itemInfo.value = dataStore.getTaskById(Number(useRoute().params.id))
-  }
-
-  if(mode.value === "create") {
-    let query = route.query
-    if(query.project) itemInfo.value.project = Number(query.project)
-    if(query.plant) itemInfo.value.plant = Number(query.plant)
-
-  }
-
-  if(itemInfo.value) oldItemInfo.value = JSON.parse(JSON.stringify(itemInfo.value))
-}
-
-
-const editItem = async () => {
-  router.push(`/tasks/edit/${itemInfo.value.id}`)
-}
-
-const cancelEditorCreate = () => {
-  if(itemInfo.value) {
-    router.push(`/tasks/show/${itemInfo.value.id}`)
-  } else {
-    router.push(`/tasks/`)
-  }
-}
-
-
-setupPage()
-</script>
-
-<template>
-  <UDashboardNavbar :title="itemInfo ? itemInfo.name : (mode === 'create' ? 'Aufgabe erstellen' : 'Aufgabe bearbeiten')">
-    <template #left>
-      <UButton
-          icon="i-heroicons-chevron-left"
-          variant="outline"
-          @click="router.push(`/tasks`)"
-      >
-        Aufgaben
-      </UButton>
-    </template>
-    <template #center>
-      <h1
-          v-if="itemInfo"
-          :class="['text-xl','font-medium'/*, ... itemInfo.categorie === 'Erledigt' ? ['text-primary'] : ['text-rose-500']*/]"
-      >{{itemInfo ? `Aufgabe: ${itemInfo.name}` : (mode === 'create' ? 'Aufgabe erstellen' : 'Aufgabe bearbeiten')}}</h1>
-      
-    </template>
-    <template #right>
-      <UButton
-          v-if="mode === 'edit'"
-          @click="dataStore.updateItem('tasks',itemInfo,oldItemInfo)"
-      >
-        Speichern
-      </UButton>
-      <UButton
-          v-else-if="mode === 'create'"
-          @click="dataStore.createNewItem('tasks',itemInfo)"
-      >
-        Erstellen
-      </UButton>
-      <UButton
-          @click="cancelEditorCreate"
-          color="red"
-          class="ml-2"
-          v-if="mode === 'edit' || mode === 'create'"
-      >
-        Abbrechen
-      </UButton>
-      <UButton
-          v-if="mode === 'show'"
-          @click="editItem"
-      >
-        Bearbeiten
-      </UButton>
-    </template>
-  </UDashboardNavbar>
-  <UTabs
-      :items="[{label: 'Informationen'},{label: 'Logbuch'}]"
-      v-if="itemInfo && mode === 'show'"
-      class="p-5"
-  >
-    <template #item="{item}">
-      <UCard class="mt-5">
-        <div v-if="item.label === 'Informationen'">
-
-
-          <div class="truncate">
-            <p>Kategorie: {{itemInfo.categorie}}</p>
-            <p v-if="itemInfo.project">Projekt: <nuxt-link :to="`/projects/show/${itemInfo.project}`">{{dataStore.getProjectById(itemInfo.project).name}}</nuxt-link></p>
-            <p>Beschreibung: <br><pre v-html="itemInfo.description"></pre></p>
-          </div>
-
-        </div>
-        <div v-else-if="item.label === 'Logbuch'">
-          <HistoryDisplay
-              type="task"
-              v-if="itemInfo"
-              :element-id="itemInfo.id"
-          />
-        </div>
-      </UCard>
-    </template>
-  </UTabs>
-
-  <UForm v-else-if="mode === 'edit' || mode === 'create' " class="p-5">
-    <UFormGroup
-        label="Name:"
-    >
-      <UInput
-          v-model="itemInfo.name"
-      />
-    </UFormGroup>
-
-    <UFormGroup
-        label="Kategorie:"
-    >
-      <USelectMenu
-          v-model="itemInfo.categorie"
-          :options="categories"
-      />
-    </UFormGroup>
-
-    <UFormGroup
-        label="Benutzer:"
-    >
-      <USelectMenu
-          v-model="itemInfo.profile"
-          :options="profileStore.profiles"
-          option-attribute="fullName"
-          value-attribute="id"
-          searchable-placeholder="Suche..."
-          searchable
-          :search-attributes="['fullName']"
-      >
-        <template #label>
-          {{profileStore.getProfileById(itemInfo.profile) ? profileStore.getProfileById(itemInfo.profile).fullName : "Kein Benutzer ausgewählt"}}
-        </template>
-      </USelectMenu>
-    </UFormGroup>
-    <UFormGroup
-        label="Projekt:"
-    >
-      <USelectMenu
-          v-model="itemInfo.project"
-          :options="dataStore.projects"
-          option-attribute="name"
-          value-attribute="id"
-          searchable-placeholder="Suche..."
-          searchable
-          :search-attributes="['name']"
-      >
-        <template #label>
-          {{dataStore.getProjectById(itemInfo.project) ? dataStore.getProjectById(itemInfo.project).name : "Kein Projekt ausgewählt"}}
-        </template>
-      </USelectMenu>
-    </UFormGroup>
-    <UFormGroup
-        label="Objekt:"
-    >
-      <USelectMenu
-          v-model="itemInfo.plant"
-          :options="dataStore.plants"
-          option-attribute="name"
-          value-attribute="id"
-          searchable-placeholder="Suche..."
-          searchable
-          :search-attributes="['name']"
-      >
-        <template #label>
-          {{dataStore.getPlantById(itemInfo.plant) ? dataStore.getPlantById(itemInfo.plant).name : "Kein Objekt ausgewählt"}}
-        </template>
-      </USelectMenu>
-    </UFormGroup>
-
-    <UFormGroup
-        label="Beschreibung:"
-    >
-      <UTextarea
-          v-model="itemInfo.description"
-      />
-    </UFormGroup>
-  </UForm>
-</template>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/tasks/index.vue b/deprecated/entitys/tasks/index.vue
deleted file mode 100644
index 072bea1..0000000
--- a/deprecated/entitys/tasks/index.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-<template>
-  <UDashboardNavbar title="Aufgaben" :badge="filteredRows.length">
-    <template #right>
-      <UInput
-          id="searchinput"
-          v-model="searchString"
-          icon="i-heroicons-funnel"
-          autocomplete="off"
-          placeholder="Suche..."
-          class="hidden lg:block"
-          @keydown.esc="$event.target.blur()"
-      >
-        <template #trailing>
-          <UKbd value="/" />
-        </template>
-      </UInput>
-
-      <UButton @click="router.push(`/tasks/create`)">+ Aufgabe</UButton>
-    </template>
-  </UDashboardNavbar>
-
-  <UDashboardToolbar>
-    <template #left>
-
-
-      <UCheckbox
-          label="Erledigte Anzeigen"
-          v-model="showDone"
-      />
-    </template>
-
-    <template #right>
-      <USelectMenu
-          v-model="selectedColumns"
-          icon="i-heroicons-adjustments-horizontal-solid"
-          :options="templateColumns"
-          multiple
-          class="hidden lg:block"
-          by="key"
-      >
-        <template #label>
-          Spalten
-        </template>
-      </USelectMenu>
-    </template>
-  </UDashboardToolbar>
-
-  <UTable
-      :rows="filteredRows"
-      :columns="columns"
-      class="w-full"
-      :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
-      @select="(i) => router.push(`/tasks/show/${i.id}`) "
-      :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Aufgaben anzuzeigen' }"
-  >
-    <template #finish-data="{row}">
-      <UButton
-          icon="i-heroicons-check"
-          variant="ghost"
-          @click="markAsFinished(row)"
-      />
-    </template>
-    <template #created_at-data="{row}">
-      {{row.created_at ? dayjs(row.created_at).format("DD.MM.YY HH:mm") : ''}}
-    </template>
-    <template #user-data="{row}">
-      {{profileStore.profiles.find(i => i.id === row.user) ? profileStore.profiles.find(i => i.id === row.user).fullName : ""}}
-    </template>
-    <template #project-data="{row}">
-      {{dataStore.projects.find(i => i.id === row.project) ? dataStore.projects.find(i => i.id === row.project).name : ""}}
-    </template>
-    <template #customer-data="{row}">
-      {{dataStore.customers.find(customer => customer.id === row.customer) ? dataStore.customers.find(customer => customer.id === row.customer).name : "" }}
-    </template>
-    <template #plant-data="{row}">
-      {{dataStore.getPlantById(row.plant) ? dataStore.getPlantById(row.plant).name : "" }}
-    </template>
-  </UTable>
-</template>
-
-<script setup>
-import  dayjs from "dayjs";
-
-definePageMeta({
-  middleware: "auth"
-})
-
-const dataStore = useDataStore()
-const profileStore = useProfileStore()
-const router = useRouter()
-
-defineShortcuts({
-  '/': () => {
-    //console.log(searchinput)
-    //searchinput.value.focus()
-    document.getElementById("searchinput").focus()
-  },
-  '+': () => {
-    router.push("/tasks/create")
-  }
-})
-
-const templateColumns = [
-
-  /*{
-    key:"finish"
-  },*/
-]
-const selectedColumns = ref(templateColumns)
-const columns = computed(() => templateColumns.filter((column) => selectedColumns.value.includes(column)))
-
-const markAsFinished = (item) => {
-  dataStore.updateItem("tasks", {...item, categorie: "Erledigt"})
-}
-
-const searchString = ref('')
-const showDone = ref(false)
-const filteredRows = computed(() => {
-  let items = dataStore.tasks
-
-  items = items.filter(i => showDone.value === true ? i.categorie === "Erledigt" : i.categorie !== "Erledigt")
-
-  return useSearch(searchString.value, items)
-})
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/vehicles/[mode]/[[id]].vue b/deprecated/entitys/vehicles/[mode]/[[id]].vue
deleted file mode 100644
index e28b844..0000000
--- a/deprecated/entitys/vehicles/[mode]/[[id]].vue
+++ /dev/null
@@ -1,236 +0,0 @@
-<script setup>
-import dayjs from "dayjs";
-import {useSupabaseSelectSingle} from "~/composables/useSupabase.js";
-
-definePageMeta({
-  middleware: "auth"
-})
-
-defineShortcuts({
-  'backspace': () => {
-    router.push("/vehicles")
-  },
-  'arrowleft': () => {
-    if(openTab.value > 0){
-      openTab.value -= 1
-    }
-  },
-  'arrowright': () => {
-    if(openTab.value < 3) {
-      openTab.value += 1
-    }
-  },
-})
-
-const dataStore = useDataStore()
-const profileStore = useProfileStore()
-const route = useRoute()
-const router = useRouter()
-const toast = useToast()
-const id = ref(route.params.id ? route.params.id : null )
-const openTab = ref(0)
-
-
-//Working
-const mode = ref(route.params.mode || "show")
-const itemInfo = ref({
-  name: "",
-  licensePlate: "",
-  type: "",
-  driver: null,
-  active: true
-})
-const oldItemInfo = ref({})
-
-
-//Functions
-const setupPage = async () => {
-  if(mode.value === "show"){
-    itemInfo.value = await useSupabaseSelectSingle("vehicles",route.params.id,"*, checks(*)")
-  } else if(mode.value === "edit"){
-    itemInfo.value = await useSupabaseSelectSingle("vehicles",route.params.id,"*")
-  }
-
-  if(itemInfo.value) oldItemInfo.value = JSON.parse(JSON.stringify(itemInfo.value))
-}
-
-const cancelEditorCreate = () => {
-  if(itemInfo.value.id) {
-    router.push(`/vehicles/show/${itemInfo.value.id}`)
-  } else {
-    router.push(`/vehicles`)
-  }
-
-}
-
-setupPage()
-</script>
-
-<template>
-  <EntityEdit
-    v-if="mode === 'edit' || mode === 'create'"
-    type="vehicles"
-    :item="itemInfo"
-  />
-
-
-<!--  <UDashboardNavbar
-      :ui="{center: 'flex items-stretch gap-1.5 min-w-0'}"
-  >
-    <template #left>
-      <UButton
-          icon="i-heroicons-chevron-left"
-          variant="outline"
-          @click="router.push(`/vehicles`)"
-      >
-        Fahrzeuge
-      </UButton>
-    </template>
-    <template #center>
-      <h1
-          v-if="itemInfo"
-          :class="['text-xl','font-medium']"
-      >{{itemInfo ? `Fahrzeug: ${itemInfo.licensePlate}` : (mode === 'create' ? 'Fahrzeug erstellen' : 'Fahrzeug bearbeiten')}}</h1>
-    </template>
-    <template #right>
-      <ButtonWithConfirm
-          color="rose"
-          variant="outline"
-          @confirmed="dataStore.updateItem('vehicles',{...itemInfo, archived: true})"
-          v-if="mode === 'edit'"
-      >
-        <template #button>
-          Archivieren
-        </template>
-        <template #header>
-          <span class="text-md text-black font-bold">Archivieren bestätigen</span>
-        </template>
-        Möchten Sie das Fahrzeug {{itemInfo.name}} wirklich archivieren?
-      </ButtonWithConfirm>
-      <UButton
-          v-if="mode === 'edit'"
-          @click="dataStore.updateItem('vehicles',itemInfo, oldItemInfo)"
-      >
-        Speichern
-      </UButton>
-      <UButton
-          v-else-if="mode === 'create'"
-          @click="dataStore.createNewItem('vehicles',itemInfo)"
-      >
-        Erstellen
-      </UButton>
-      <UButton
-          @click="cancelEditorCreate"
-          color="red"
-          class="ml-2"
-          v-if="mode === 'edit' || mode === 'create'"
-      >
-        Abbrechen
-      </UButton>
-    </template>
-  </UDashboardNavbar>-->
-
-<!--  <UForm
-      class="p-5"
-  >
-
-    <UFormGroup
-        label="Kennzeichen:"
-    >
-      <UInput
-          v-model="itemInfo.licensePlate"
-      />
-    </UFormGroup>
-
-
-
-    <UFormGroup
-        label="Fahrzeug aktiv:"
-    >
-      <UCheckbox
-          v-model="itemInfo.active"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Fahrgestellnummer:"
-    >
-      <UInput
-          v-model="itemInfo.vin"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Typ:"
-    >
-      <UTextarea
-          v-model="itemInfo.type"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Fahrer:"
-    >
-      <USelectMenu
-          v-model="itemInfo.driver"
-          :options="[{id: null, fullName: 'Kein Fahrer'},...profileStore.profiles]"
-          option-attribute="fullName"
-          value-attribute="id"
-
-      >
-        <template #label>
-          {{profileStore.profiles.find(profile => profile.id === itemInfo.driver) ? profileStore.profiles.find(profile => profile.id === itemInfo.driver).fullName : 'Kein Fahrer ausgewählt'}}
-        </template>
-      </USelectMenu>
-    </UFormGroup>
-    <UFormGroup
-        label="Tankvolumen:"
-    >
-      <UInput
-          v-model="itemInfo.tankSize"
-          type="number"
-      >
-        <template #trailing>
-          L
-        </template>
-      </UInput>
-    </UFormGroup>
-    <UFormGroup
-        label="Baujahr:"
-    >
-      <UInput
-          v-model="itemInfo.buildYear"
-          type="number"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Anhängelast:"
-    >
-      <UInput
-          v-model="itemInfo.towingCapacity"
-          type="number"
-      >
-        <template #trailing>kg</template>
-      </UInput>
-    </UFormGroup>
-    <UFormGroup
-        label="Farbe:"
-    >
-      <UInput
-          v-model="itemInfo.color"
-          type="text"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Leistung:"
-    >
-      <UInput
-          v-model="itemInfo.powerInKW"
-          type="number"
-      >
-        <template #trailing>kW</template>
-      </UInput>
-    </UFormGroup>
-  </UForm>-->
-</template>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/vehicles/index.vue b/deprecated/entitys/vehicles/index.vue
deleted file mode 100644
index 486aedd..0000000
--- a/deprecated/entitys/vehicles/index.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <EntityList
-    :items="items"
-    type="vehicles"
-  />
-</template>
-
-<script setup>
-
-definePageMeta({
-  middleware: "auth"
-})
-
-const items = ref([])
-const setupPage = async () => {
-  items.value = await useSupabaseSelect("vehicles","*")
-}
-
-setupPage()
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/vehicles/show/[id].vue b/deprecated/entitys/vehicles/show/[id].vue
deleted file mode 100644
index f108c7f..0000000
--- a/deprecated/entitys/vehicles/show/[id].vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<script setup>
-import {useSupabaseSelectSingle} from "~/composables/useSupabase.js";
-
-const route = useRoute()
-
-const itemInfo = ref({})
-
-const tabItems = [{
-  label: 'Informationen',
-}, {
-  label: 'Dokumente',
-}, {
-  label: 'Überprüfungen',
-}]
-
-const setupPage = async () => {
-  itemInfo.value = await useSupabaseSelectSingle("vehicles",route.params.id,"*, checks(*), documents(*)")
-  console.log(itemInfo.value)
-}
-
-setupPage()
-</script>
-
-<template>
-  <EntityShow
-    type="vehicles"
-    :item="itemInfo"
-  />
-</template>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/vendors/[mode]/[[id]].vue b/deprecated/entitys/vendors/[mode]/[[id]].vue
deleted file mode 100644
index 6a26558..0000000
--- a/deprecated/entitys/vendors/[mode]/[[id]].vue
+++ /dev/null
@@ -1,291 +0,0 @@
-<script setup>
-
-definePageMeta({
-  middleware: "auth"
-})
-
-defineShortcuts({
-  'backspace': () => {
-    router.push("/vendors")
-  },
-  'arrowleft': () => {
-    if(openTab.value > 0){
-      openTab.value -= 1
-    }
-  },
-  'arrowright': () => {
-    if(openTab.value < 1) {
-      openTab.value += 1
-    }
-  },
-})
-
-const dataStore = useDataStore()
-const profileStore = useProfileStore()
-const route = useRoute()
-const router = useRouter()
-const openTab = ref(0)
-let currentItem = ref(null)
-
-
-
-//Working
-const mode = ref(route.params.mode || "show")
-const itemInfo = ref({
-  infoData: {},
-  profiles: [profileStore.activeProfile.id]
-})
-const oldItemInfo = ref({})
-
-//Functions
-const setupPage = () => {
-  if (mode.value === "show" || mode.value === "edit") {
-    currentItem.value = dataStore.getVendorById(Number(useRoute().params.id))
-  }
-
-  if (mode.value === "edit") itemInfo.value = currentItem.value
-  if(currentItem.value) oldItemInfo.value = JSON.parse(JSON.stringify(currentItem.value))
-
-}
-
-const setCityByZip = async () => {
-  itemInfo.value.infoData.city = await useZipCheck(itemInfo.value.infoData.zip)
-}
-
-setupPage()
-</script>
-
-<template>
-  <UDashboardNavbar
-      :title="currentItem ? `Lieferant: ${currentItem.name}` : (mode === 'create' ? 'Lieferant erstellen' : 'Lieferant bearbeiten')"
-      :ui="{center: 'flex items-stretch gap-1.5 min-w-0'}"
-  >
-    <template #left>
-      <UButton
-          icon="i-heroicons-chevron-left"
-          variant="outline"
-          @click="router.push(`/vendors`)"
-      >
-        Lieferanten
-      </UButton>
-    </template>
-    <template #center>
-      <h1
-          v-if="currentItem"
-          :class="['text-xl','font-medium']"
-      >{{currentItem ? `Lieferant: ${currentItem.name}` : (mode === 'create' ? 'Lieferant erstellen' : 'Lieferant bearbeiten')}}</h1>
-    </template>
-    <template #right>
-      <UButton
-          v-if="mode === 'edit'"
-          @click="dataStore.updateItem('vendors',itemInfo,oldItemInfo)"
-      >
-        Speichern
-      </UButton>
-      <UButton
-          v-else-if="mode === 'create'"
-          @click="dataStore.createNewItem('vendors',itemInfo)"
-      >
-        Erstellen
-      </UButton>
-      <UButton
-          @click="router.push(currentItem.id ? `/vendors/show/${currentItem.id}` : '/vendors/show')"
-          color="red"
-          class="ml-2"
-          v-if="mode === 'edit' || mode === 'create'"
-      >
-        Abbrechen
-      </UButton>
-      <UButton
-          v-if="mode === 'show'"
-          @click="router.push(`/vendors/edit/${currentItem.id}`)"
-      >
-        Bearbeiten
-      </UButton>
-    </template>
-  </UDashboardNavbar>
-  <UTabs
-    :items="[{label: 'Informationen'},{label: 'Dokumente'}]"
-    v-if="currentItem && mode == 'show'"
-    class="p-5"
-    v-model="openTab"
-  >
-    <template #item="{item}">
-      <div v-if="item.label === 'Informationen'" class="mt-5 flex">
-        <div class="w-1/2 mr-5">
-          <UCard>
-            <div v-if="currentItem.infoData" class="text-wrap">
-              <p>Straße + Hausnummer: {{currentItem.infoData.street ? currentItem.infoData.street : ""}}</p>
-              <p>PLZ + Ort: {{currentItem.infoData.zip}} {{currentItem.infoData.city}}</p>
-              <p>Telefon: {{currentItem.infoData.tel}}</p>
-              <p>E-Mail: {{currentItem.infoData.email}}</p>
-              <p>Web: {{currentItem.infoData.web}}</p>
-              <p>USt-Id: {{currentItem.infoData.ustid}}</p>
-              <p>SEPA Mandat: {{currentItem.hasSEPA ? "Ja" : "Nein"}}</p>
-              <p>Notizen:<br> {{currentItem.notes}}</p>
-            </div>
-          </UCard>
-          <UCard class="mt-5">
-            <Toolbar>
-              <UButton
-                  @click="router.push(`/contacts/create?vendor=${currentItem.id}`)"
-              >
-                + Ansprechpartner
-              </UButton>
-            </Toolbar>
-            <UTable
-                :rows="dataStore.getContactsByVendorId(currentItem.id)"
-                @select="(row) => router.push(`/contacts/show/${row.id}`)"
-                :columns="[{label: 'Anrede', key: 'salutation'},{label: 'Name', key: 'fullName'},{label: 'Rolle', key: 'role'}]"
-                :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine zugehörigen Ansprechpartner' }"
-
-            >
-
-            </UTable>
-          </UCard>
-        </div>
-        <div class="w-1/2">
-          <UCard class="h-full">
-            <HistoryDisplay
-                type="vendor"
-                v-if="currentItem"
-                :element-id="currentItem.id"
-                :render-headline="true"
-            />
-          </UCard>
-        </div>
-      </div>
-
-
-      <UCard class="mt-5" v-else>
-        <div v-if="item.label === 'Dokumente'">
-          <InputGroup>
-            <DocumentUpload
-                type="vendor"
-                :element-id="currentItem.id"
-            />
-          </InputGroup>
-
-          <DocumentList
-              :documents="dataStore.getDocumentsByVendorId(currentItem.id)"
-          />
-        </div>
-      </UCard>
-    </template>
-  </UTabs>
-  <UForm
-      v-else-if="mode === 'edit' || mode === 'create'"
-      class="p-5"
-  >
-    <UFormGroup
-        label="Name:"
-    >
-      <UInput
-          v-model="itemInfo.name"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Lieferantennr.:"
-    >
-      <UInput
-          v-model="itemInfo.vendorNumber"
-          placeholder="Leer lassen für automatisch generierte Nummer"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Straße + Hausnummer"
-    >
-      <UInput
-          v-model="itemInfo.infoData.street"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Postleitzahl"
-    >
-      <UInput
-          v-model="itemInfo.infoData.zip"
-          @focusout="setCityByZip"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Ort"
-    >
-      <UInput
-          v-model="itemInfo.infoData.city"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Land"
-    >
-      <USelectMenu
-          :options="['Deutschland','Niederlande','Belgien','Italien', 'Frankreich','Irland','USA','Spanien', 'Schweden']"
-          v-model="itemInfo.infoData.country"
-      />
-    </UFormGroup>
-
-    <UFormGroup
-        label="Telefon:"
-    >
-      <UInput
-          v-model="itemInfo.infoData.tel"
-      />
-    </UFormGroup>
-
-    <UFormGroup
-        label="Notizen:"
-    >
-      <UTextarea
-          v-model="itemInfo.notes"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="E-Mail:"
-    >
-      <UInput
-          v-model="itemInfo.infoData.email"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Webseite:"
-    >
-      <UInput
-          v-model="itemInfo.infoData.web"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="SEPA Mandat abgeschlossen:"
-    >
-      <UCheckbox
-          v-model="itemInfo.hasSEPA"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="USt-Id:"
-    >
-      <UInput
-          v-model="itemInfo.infoData.ustid"
-      />
-    </UFormGroup>
-    <UFormGroup
-        label="Berechtigte Benutzer:"
-    >
-      <USelectMenu
-          v-model="itemInfo.profiles"
-          :options="profileStore.profiles"
-          option-attribute="fullName"
-          value-attribute="id"
-          searchable
-          multipledataStore
-          :search-attributes="['fullName']"
-      >
-        <template #label>
-          {{itemInfo.profiles.length > 0 ? itemInfo.profiles.map(i => profileStore.getProfileById(i).fullName).join(", ") : "Kein Benutzer ausgewählt"}}
-        </template>
-      </USelectMenu>
-    </UFormGroup>
-  </UForm>
-</template>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/deprecated/entitys/vendors/index.vue b/deprecated/entitys/vendors/index.vue
deleted file mode 100644
index 2b7943c..0000000
--- a/deprecated/entitys/vendors/index.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <EntityList
-    :items="items"
-    type="vendors"
-  />
-</template>
-
-<script setup>
-definePageMeta({
-  middleware: "auth"
-})
-
-const items = ref([])
-
-const setupPage = async () => {
-  items.value = await useSupabaseSelect("vendors","*","vendorNumber")
-}
-
-setupPage()
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file