# Компонент DictionarySelect

Компонент содержит в себе select для выбора значений из словаря.

### Импорт компонента:

Компонент базовый, поэтому его использование возможно без импорта.

```javascript
import DateInput from '@components/common/dictionary-select/index.vue';
```

### Описание props

1. `dictionary` - Словарь, по которому будут получены значения для селекта (используется в запросе).
2. `labelKey` - Свойство в объекте словаря, которое будет выведено в options как label.
3. `valueKey` - Свойство в объекте словаря, которое будет выведено в options как value.
4. `filter` - Объект, который будет участвовать в проверке - удовлетворяют ли свойства объекта из словаря,
   заданным в данном объекте.
5. `sortBy` - Свойство, по которому будет выполнена сортировка элементов списка.

### Шаблон

Для того, чтобы использовать компонент на странице приложения во vue, необходимо добавить его следующим образом:

```html
<dictionary-select
  dictionary="organization"
  label-key="name"
  value-key="name"
  sort-by="name"
  :emit-value="false"
  :filter="{resident: true}"
  v-model="dictionaryValue"
/>
```

В примере выше данные, хранимые в `dictionaryValue` попадут в поле селекта или будут взяты оттуда соответственно.
Сам селект будет содержать все объекты из словаря 'organization', каждый объект которого удовлетворяет условию, что его
свойство resident === true. Значение, которое будет лежать в переменной `dictionaryValue`, будет взято из поля `name`
выбранного объета.
