1<div wire:ignore>
2    <input data-pharaonic="tagify" data-component-id="{{ $this->id }}" wire:model="fruits">
3</div>

1[
2    [
3        "value" => "Apple"
4    ],
5    [
6        "value" => "Banana"
7    ]
8]

1<div wire:ignore>
2    <input data-pharaonic="tagify" data-component-id="{{ $this->id }}" wire:model="fruits"
3        value='@json(['Banana', 'Orange', 'Apple'])' data-direct>
4</div>

1[
2    "Banana",
3    "Orange",
4    "Apple"
5]

 1<!-- Suggested List -->
 2<div wire:ignore>
 3    <input data-pharaonic="tagify" data-component-id="{{ $this->id }}" wire:model="fruits"
 4        data-suggest-list='@json(['Banana', 'Orange', 'Apple'])' data-suggest>
 5</div>
 6 
 7<!-- Allowed List -->
 8<div wire:ignore>
 9    <input data-pharaonic="tagify" data-component-id="{{ $this->id }}" wire:model="fruits"
10        data-suggest-list='@json(['Banana', 'Orange', 'Apple'])' data-suggest-enforce>
11</div>

1<div wire:ignore>
2    <input data-pharaonic="tagify" data-component-id="{{ $this->id }}" wire:model="fruits"
3        data-black-list='@json(['Strawberry'])'>
4</div>

 1<div wire:ignore>
 2    <input data-pharaonic="tagify" data-component-id="{{ $this->id }}" wire:model="fruits"
 3    value='[{"value":"Banana", "color":"Yellow"},{"value":"Orange", "color":"Orange"}]'
 4 
 5    data-black-list='["Strawberry"]'
 6 
 7    data-key="color"
 8    data-value="value"
 9    data-suggest-enforce
10    data-suggest-list='[{"value":"Banana", "color":"Yellow"},{"value":"Orange", "color":"Orange"},{"value":"Apple", "color":"Yellow, Green, Red"},{"value":"Strawberry", "color":"Red"}]'
11    data-classname="customSuggestionsList"
12 
13    data-direct
14    data-max=2>
15</div>