Changed STore Type and corrected all Pages

Added HistoryDisplay.vue
Added NumberRanges

spaces/pages/settings/numberRanges.vue

@@ -0,0 +1,102 @@
+<script setup>
+definePageMeta({
+  middleware: "auth"
+})
+
+const supabase = useSupabaseClient()
+const dataStore = useDataStore()
+
+const showAddModal = ref(false)
+
+const columns = [
+  {
+    key: "resourceType",
+    label: "Typ"
+  },{
+    key: "prefix",
+    label: "Prefix"
+  },{
+    key:"nextNumber",
+    label:"Nächste Nummer"
+  },{
+    key: "suffix",
+    label: "Suffix"
+  }
+]
+
+const resources = {
+  customers: {
+    label: "Kunden"
+  },
+  vendors: {
+    label: "Lieferanten"
+  },
+  spaces: {
+    label: "Lagerplätze"
+  }
+}
+
+const updateNumberRange = async (range) => {
+  console.log(range)
+
+  const {data,error} = await supabase
+      .from("numberRanges")
+      .update(range)
+      .eq('id',range.id)
+
+  await dataStore.fetchNumberRanges()
+}
+
+
+</script>
+
+<template>
+  <UModal
+    v-model="showAddModal"
+  >
+
+  </UModal>
+
+
+  <UAlert
+    title="Änderungen an diesen Werten betreffen nur neu Erstellte Einträge."
+    color="rose"
+    variant="outline"
+    icon="i-heroicons-exclamation-triangle"
+  />
+
+  <UTable
+    :rows="dataStore.numberRanges"
+    :columns="columns"
+  >
+    <template #resourceType-data="{row}">
+      {{resources[row.resourceType] ? resources[row.resourceType].label : ""}}
+    </template>
+    <template #prefix-data="{row}">
+      <UInput
+        v-model="row.prefix"
+        @focusout="updateNumberRange(row)"
+      />
+    </template>
+    <template #suffix-data="{row}">
+      <UInput
+        v-model="row.suffix"
+        @focusout="updateNumberRange(row)"
+      />
+    </template>
+    <template #nextNumber-data="{row}">
+      <UInput
+        v-model="row.nextNumber"
+        @focusout="updateNumberRange(row)"
+      />
+    </template>
+  </UTable>
+  <DevOnly>
+    {{dataStore.numberRanges}}
+  </DevOnly>
+
+</template>
+
+<style scoped>
+
+</style>

spaces/pages/settings/users.vue

@@ -2,13 +2,12 @@
 definePageMeta({
   middleware: "auth"
 })
-
-const {profiles} = storeToRefs(useDataStore())
+const dataStore = useDataStore()
 
 </script>
 
 <template>
-  {{profiles}}
+  {{dataStore.profiles}}
 </template>
 
 <style scoped>