Можно ли как-то из Quasar.js «выдрать» material-components и использовать в Nuxt.js?

Question

[Роман]

Здравствуйте.

Мне от Quasar.js нужны их материал-компоненты, а от Nuxt.js - всё остальное, чего нет в Quasar.js (в частности - генерация статических страниц).

Как мне это реализовать?

Скажу сразу: Vuetify по ряду причин не подходит. А остальные material-компоненты, которые я видел - так себе, нужно допиливать, настраивать, а хочется сразу красивое из коробки. То что есть в Quasar.js - самое то, но я не очень понимаю, как их оттуда грамотно взять.

Заранее спасибо.

Comments

[Роман]

ага, вроде нашел это: https://github.com/quasarframework/quasar/issues/515

а подскажите пожалуйста, куда писать этот код в Nuxt:

import Vue from 'vue';

import 'quasar-framework/dist/quasar.mat.css';

import Quasar, * as All from 'quasar-framework';

import 'quasar-extras/roboto-font'; // Optional
import 'quasar-extras/material-icons';

Vue.use(Quasar, {
  directives: All, // Test only, not for production
  components: All, // Test only, not for production
});

в какой файл?

[Роман]

еще такое нашел:

https://github.com/quasarframework/quasar/issues/1...

Got Quasar UMD to work with Nuxt follwing @UnnoTed 's tips.

In short:

npm install --save quasar-framework
Edit nuxt.config.js

plugins: [
  "~/plugins/quasar.js"
]

create 'quasar.js' in /plugins/ folder:

import Vue from "vue";
// import "quasar-framework/dist/umd/quasar.mat.css";
import "quasar-framework/dist/umd/quasar.ios.css";

import Quasar, { QLayout, QInput, QBtn } from "quasar-framework/dist/quasar.mat.esm";
Vue.use(Quasar, { components: [QLayout, QInput, QBtn] });

check out the above thread by @UnnoTed for more tips.

[Роман]

протестировал - работает))

НО

но ставит версию 0.17, а чтобы поставить последнюю 1.0.5 придется ковыряться

пока наверное обойдусь 0.17 а потом как руки дойдут до релизной - результаты выложу в виде ответа. но это не точно))

[Роман]

еще там нужно:

npm install --save quasar-extras

и затем

~/plugins/quasar.js

import "quasar-extras/material-icons/material-icons.css"

чтобы иконки были