Строка поиска

Для создания поля ввода поисковой строки используйте компонент QsInput

<script setup lang="ts">
import { QsInput } from 'luna';
import { ref } from 'luna';

const value = ref<string>(null);
const errorMessage = ref<string>(null);
</script>
<template>
  <QsInput v-model="value" v-model:error="errorMessage"></QsInput>
</template>

Параметры и события QsInput

disable: boolean - запретить редактирование

@submit: () => true - вызывается при нажатии комбинации Ctrl + Enter

@heightChanged: () => true - вызывается при изменении высоты поля ввода

Для отображения строки поиска, можете использовать QsViewer

<QsViewer qs="projects in (ABC, DEV) order by created"></QsViewer>

projects in (ABC, DEV) order by created