[tm@store] Added store

app/src/plugins/tm@overview/_components/z-tasks-search.vue

@@ -1,14 +1,15 @@
 <template>
 	<v-row class="px-10 py-8 subheader">
 		<v-select
-			v-model="selectedEmployee"
+			v-model="selectedEmployeeId"
 			class="subheader-input"
 			variant="outlined"
 			label="Zamestanec"
-			:items="[null, ...allEmployees]"
-			item-title="fullName"
+			:items="[null, ...enrichedEmployees]"
+			item-title="_fullName"
 			item-value="id"
 		></v-select>
+
 		<v-text-field
 			v-model="searchQuery"
 			class="subheader-input"
@@ -22,47 +23,37 @@
 </template>
 
 <script>
+import { mapGetters } 	from 'vuex'
+
 export default {
+	emits: ['seach', 'employee-selected'],
+
 	data() {
 		return {
-			selectedEmployee: null,
-			employees: [],
+			selectedEmployeeId: null,
 			searchQuery: ''
 		}
 	},
 
-	computed: {
-		allEmployees() {
-			const employees = this.employees.map((employee) => {
-				return `${employee.name} ${employee.surname}`
-			})
-			return employees
-
-		}
+	mounted() {
+		this.selectedEmployeeId = this.$store.getters['auth/user'].id
 	},
 
-	async created() {
-		try {
-			this.employees 	= await this.$axios.get_auth_data('v1/employees')
-			this.employees.filter((employee) => {
-				employee.fullName = `${employee.name} ${employee.surname}`
-			})
-		} catch (error) {
-			this.$toast.error(error)
-		}
+	computed: {
+		...mapGetters('tm', ['enrichedEmployees']),
 	},
 
 	methods: {
 		onInput() {
-			this.$emit('queryChange', this.searchQuery)
+			this.$emit('query-changed', this.searchQuery)
 		}
 	},
 
-	// watch: {
-	// 	selectedEmployee() {
-	// 		this.search()
-	// 	}
-	// }
+	watch: {
+		selectedEmployeeId() {
+			this.$emit('employee-selected', this.selectedEmployeeId)
+		}
+	}
 }
 </script>