Changed STore Type and corrected all Pages

Added HistoryDisplay.vue
Added NumberRanges

spaces/pages/vendorinvoices/index.vue

@@ -33,7 +33,7 @@
         </span>
       </template>
       <template #vendor-data="{row}">
-        {{vendors.find(vendor => vendor.id === row.vendor) ? vendors.find(vendor => vendor.id === row.vendor).name : ''}}
+        {{dataStore.vendors.find(vendor => vendor.id === row.vendor) ? dataStore.vendors.find(vendor => vendor.id === row.vendor).name : ''}}
       </template>
       <template #date-data="{row}">
         {{row.date ? dayjs(row.date).format("DD.MM.YY") : ''}}
@@ -58,9 +58,8 @@ definePageMeta({
   middleware: "auth"
 })
 
-
+const dataStore = useDataStore()
 const router = useRouter()
-const {vendorInvoices, vendors} = storeToRefs(useDataStore())
 const mode = ref("show")
 
 const itemColumns = [
@@ -107,10 +106,10 @@ const searchString = ref('')
 
 const filteredRows = computed(() => {
   if(!searchString.value) {
-    return vendorInvoices.value
+    return dataStore.vendorInvoices
   }
 
-  return vendorInvoices.value.filter(item => {
+  return dataStore.vendorInvoices.filter(item => {
     return Object.values(item).some((value) => {
       return String(value).toLowerCase().includes(searchString.value.toLowerCase())
     })