Install

install package via composer

composer require evgenyvas/crud-bundle

create file config/routes/crud_routing.yaml with content:

app_crud:
  resource: '@CRUDBundle/Resources/config/routes.yaml'

execute commands:

bin/console doctrine:migrations:diff
bin/console doctrine:migrations:migrate

add parameters for date format in file config/services.yaml

date_format: 'd.m.Y'
datetime_format: 'd.m.Y H:i:s'
flatpickr_date_format: 'd.m.Y'
flatpickr_datetime_format: 'd.m.Y H:i'

include in your base template inside javascripts block before other scripts

<script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
<script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>

insert template for modal windows. It must be inside Vue app template

{% if modal_size is not defined %}
  {% set modal_size = 'lg' %}
{% endif %}
{% if modal_expand_size is not defined %}
  {% set modal_expand_size = 'xl' %}
{% endif %}
{% if modal_expanded is not defined %}
  {% set modal_expanded = false %}
{% endif %}

{% include '@CRUD/components/modal.html.twig' with {
  'modal_size': modal_size,
  'modal_expand_size': modal_expand_size,
  'modal_expanded': modal_expanded
} %}

attach mixins in your Vue instance

mixins: [
  gridValue(),
  AjaxModal,
],