main.js 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. import Vue from 'vue'
  2. import VueRouter from 'vue-router'
  3. import Main from './main.vue'
  4. import colors from 'vuetify/es5/util/colors'
  5. import 'vuetify/dist/vuetify.min.css'
  6. import Vuetify, {
  7. VApp, // required
  8. VNavigationDrawer,
  9. VFooter,
  10. VToolbar,
  11. VFadeTransition,
  12. VContent,
  13. VContainer,
  14. VToolbarSideIcon,
  15. VToolbarTitle,
  16. VIcon,
  17. VListTile,
  18. VListTileAction,
  19. VListTileTitle,
  20. VList,
  21. VListGroup,
  22. VDivider
  23. } from 'vuetify/lib'
  24. import { Ripple } from 'vuetify/lib/directives'
  25. Vue.use(VueRouter)
  26. Vue.use(Vuetify, {
  27. components: {
  28. VApp,
  29. VNavigationDrawer,
  30. VFooter,
  31. VToolbar,
  32. VFadeTransition,
  33. VContent,
  34. VContainer,
  35. VToolbarSideIcon,
  36. VToolbarTitle,
  37. VIcon,
  38. VListTile,
  39. VListTileAction,
  40. VListTileTitle,
  41. VList,
  42. VListGroup,
  43. VDivider
  44. },
  45. directives: {
  46. Ripple
  47. },
  48. theme: {
  49. primary: colors.yellow.darken3, // #E53935
  50. secondary: colors.yellow.lighten4, // #FFCDD2
  51. accent: colors.indigo.base // #3F51B5
  52. }
  53. })
  54. const component = new Vue({
  55. el: document.body,
  56. components: { Main },
  57. render: ce => ce('Main')
  58. })
  59. const serviceWorkerFile = require('file-loader!./service-worker.js')
  60. if ('serviceWorker' in navigator) {
  61. navigator.serviceWorker.getRegistrations()
  62. .then(regs => Promise.all(regs.map(reg => reg.unregister())))
  63. .then(() => navigator.serviceWorker.register(serviceWorkerFile))
  64. .then(function(registration) {
  65. console.log('Registration successful, scope is:', registration.scope);
  66. })
  67. .catch(function(error) {
  68. console.log('Service worker registration failed, error:', error);
  69. });
  70. }