Introduced ProfileStore

Corrected All Links to DataStore

pages/vendors/[mode]/[[id]].vue

@@ -21,10 +21,9 @@ defineShortcuts({
 })
 
 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)
 let currentItem = ref(null)
 
@@ -33,7 +32,8 @@ let currentItem = ref(null)
 //Working
 const mode = ref(route.params.mode || "show")
 const itemInfo = ref({
-  infoData: {}
+  infoData: {},
+  profiles: [profileStore.activeProfile.id]
 })
 const oldItemInfo = ref({})
 
@@ -266,6 +266,23 @@ setupPage()
           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>