Какой посоветуете набор vue компонентов для создания личного кабинета?

Question

[Сергей delphinpro]

ЛК с графиками, таблицами и т.п.
Какой UI Kit посоветуете взять?
Ответы, типа, любой — не принимаются =)
Хочется посмотреть на конкретные наборы.

Изначально хотелось бы получить более-менее контрастную тему + разумеется простую возможность кастомизации.

Присматриваюсь к Vuetify. Но неужели больше нет альтернатив такого же уровня?

Answer 1

[Игорь]

Мне нравится Quasar
Работал с Vuetify, слишком много багов, по сравнению с Quasar

Comments

[Антон Антон]

+1 за quasar

[Сергей delphinpro]

Выглядит интересно.

А какого рода баги в во вьютифи?

[Виктор Бузин]

+1 за quasar.
Баги тут есть:
https://github.com/quasarframework/quasar/issues

Но кит не мертвый и вроде как на плаву.

[Игорь]

Сергей delphinpro, Я в лоб сравнивал количество багов Vuetify vs Quasar

[Игорь]

Сергей delphinpro,

А какого рода баги в во вьютифи?

Я однажды не мог поднять проект 2 суток, авторы такого намудрили, на гитхабе вой стоял.

[Сергей delphinpro]

Игорь, как-то сложно. его можно использовать просто как набор компонентов? Импортнул QCard и используешь без заморочек?

[Игорь]

Сергей delphinpro, Честное слово он не сложный.

Можете описать в чём заключается сложность?

[Сергей delphinpro]

Игорь, у меня уже есть приложение. не готовое, но кое что написано. Я предполагал просто внедрить готовый ui kit/ Читаю документацию и пока не уясняю, как это сделать. Все старты там начинаются с создания новой аппликухи

[Игорь]

Сергей delphinpro, Делайте во так

vue add quasar

[Сергей delphinpro]

Игорь, Подскажите еще одну вещь.
Как указать квазару, что сейчас я собираю серверный бандл?
Простейший случай: основной компонент App и в нем единственный QLayout.
Выполнение собранного бандла

отваливается с ошибкой:

Суть понятна. Лейаут пытается обратиться к window.screen, чтобы растянуть себя на все окно, а в среде node.js этого объекта разумеется нет. Как этого избежать? Как дать понять фреймворку, что он собран для SSR?
Я не использую quasar-cli. Просто делаю импорт

import quasar, { Dark } from 'quasar';
Vue.use(quasar);
Dark.set(true);

В качестве сборщика - vue-cli.

[Игорь]

Сергей delphinpro, Вот здесь почитайте

[Сергей delphinpro]

Игорь, пререндер мне не нужен.
в общем поковырял сборку, и пришел к выводу, что с vue-cli оно не заведется. Придется мигрировать на quasar-cli

[Игорь]

Сергей delphinpro, Да как же, там все просто.
Quasar основан на vue

Вы приводите скрин с ошибкой


Нет свойства screen, а он как раз есть в quasar

напишите в телегу