quasar.js 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. import Vue from 'vue';
  2. import 'quasar/dist/quasar.css';
  3. import Quasar from 'quasar/src/vue-plugin.js'
  4. //config
  5. const config = {};
  6. //components
  7. //import {QLayout} from 'quasar/src/components/layout';
  8. //import {QPageContainer, QPage} from 'quasar/src/components/page';
  9. //import {QDrawer} from 'quasar/src/components/drawer';
  10. import {QCircularProgress} from 'quasar/src/components/circular-progress';
  11. import {QInput} from 'quasar/src/components/input';
  12. import {QBtn} from 'quasar/src/components/btn';
  13. import {QBtnGroup} from 'quasar/src/components/btn-group';
  14. import {QBtnToggle} from 'quasar/src/components/btn-toggle';
  15. import {QIcon} from 'quasar/src/components/icon';
  16. import {QSlider} from 'quasar/src/components/slider';
  17. //import {QTabs} from 'quasar/src/components/tabs';
  18. //import {QTab} from 'quasar/src/components/tab';
  19. //import {QTabPanels, QTabPanel} from 'quasar/src/components/tab-panels';
  20. import {QSeparator} from 'quasar/src/components/separator';
  21. import {QList, QItem, QItemSection, QItemLabel} from 'quasar/src/components/item';
  22. import {QTooltip} from 'quasar/src/components/tooltip';
  23. const components = {
  24. //QLayout,
  25. //QPageContainer, QPage,
  26. //QDrawer,
  27. QCircularProgress,
  28. QInput,
  29. QBtn,
  30. QBtnGroup,
  31. QBtnToggle,
  32. QIcon,
  33. QSlider,
  34. //QTabs,
  35. //QTab
  36. //QTabPanels, QTabPanel,
  37. QSeparator,
  38. QList, QItem, QItemSection, QItemLabel,
  39. QTooltip,
  40. };
  41. //directives
  42. import Ripple from 'quasar/src/directives/Ripple';
  43. const directives = {Ripple};
  44. //plugins
  45. import AppFullscreen from 'quasar/src/plugins/AppFullscreen';
  46. import Notify from 'quasar/src/plugins/Notify';
  47. const plugins = {
  48. AppFullscreen,
  49. Notify,
  50. };
  51. //use
  52. Vue.use(Quasar, { config, components, directives, plugins });
  53. //icons
  54. //import '@quasar/extras/material-icons/material-icons.css';
  55. import '@quasar/extras/material-icons-outlined/material-icons-outlined.css';
  56. //import '@quasar/extras/fontawesome-v5/fontawesome-v5.css';
  57. //import fontawesomeV5 from 'quasar/icon-set/fontawesome-v5.js'
  58. //Quasar.iconSet.set(fontawesomeV5);