Init

resources/js/Components/Operator.vue

@@ -0,0 +1,27 @@
+<script setup>
+import multiselect from '@suadelabs/vue3-multiselect';
+import { onMounted, ref } from 'vue';
+import { defineEmits } from 'vue'
+
+
+defineProps(['modelValue', 'options']);
+defineEmits(['update:modelValue']);
+
+const input = ref(null);
+const opt = ref(['AND','OR','NOT']);
+function update(t) {
+  console.log(t);
+  context.emit("update:modelValue",t);
+}
+
+</script>
+  
+<!-- Vue component -->
+<template>
+<div>
+  <label class="block font-medium text-sm text-gray-700">Operátor</label>
+  <multiselect :value="modelValue" v-model="value" @select='$emit("update:modelValue", $event)' placeholder="Vyber oprátor" :options="opt" :clear-on-select="false" :searchable="false"  ref="input">
+    
+  </multiselect>
+</div>
+</template>