Changed STore Type and corrected all Pages

Added HistoryDisplay.vue
Added NumberRanges

spaces/pages/documents.vue

@@ -5,14 +5,12 @@ import {BlobReader, BlobWriter, ZipWriter} from "@zip.js/zip.js";
 definePageMeta({
   middleware: "auth"
 })
+const dataStore = useDataStore()
 const supabase = useSupabaseClient()
 const user = useSupabaseUser()
 const toast = useToast()
 
-const {documents, projects, customers} = storeToRefs(useDataStore())
-const {fetchDocuments, getDocumentTags} = useDataStore()
-
-fetchDocuments()
+dataStore.fetchDocuments()
 
 const uploadModalOpen = ref(false)
 const uploadInProgress = ref(false)
@@ -24,13 +22,13 @@ const fileUploadFormData = ref({
 })
 
 
-let tags = getDocumentTags
+let tags = dataStore.getDocumentTags
 
 const selectedTags = ref(["Eingang"])
 
 const filteredDocuments = computed(() => {
 
-  return documents.value.filter(doc => doc.tags.filter(tag => selectedTags.value.find(t => t === tag)).length > 0)
+  return dataStore.documents.filter(doc => doc.tags.filter(tag => selectedTags.value.find(t => t === tag)).length > 0)
 
 
 })
@@ -84,14 +82,14 @@ const uploadFiles = async () => {
 
   uploadModalOpen.value = false;
   uploadInProgress.value = false;
-  fetchDocuments()
+  dataStore.fetchDocuments()
 }
 
 const downloadSelected = async () => {
   const bucket = "files";
 
   let files = []
-  documents.value.filter(doc => doc.selected).forEach(doc => files.push(doc.path))
+  dataStore.documents.filter(doc => doc.selected).forEach(doc => files.push(doc.path))
 
   console.log(files)
 
@@ -154,7 +152,7 @@ const downloadSelected = async () => {
       <UButton @click="uploadModalOpen = true">Hochladen</UButton>
       <UButton
           @click="downloadSelected"
-          :disabled="documents.filter(doc => doc.selected).length === 0"
+          :disabled="dataStore.documents.filter(doc => doc.selected).length === 0"
       >Herunterladen</UButton>
 
       <USelectMenu