src/main.js

main.js

import './startup'

import Vue from 'vue'
import App from './App'
import router from './router'
import * as resources from './resources'
import resource from './plugins/resource'
import deviceQueries from './plugins/device-queries'
import config from './config'

Vue.config.productionTip = false

Vue.use(resource, {
  resources,
  endpoint: 'https://api.cosmicjs.com/v1/' + config.COSMIC_BUCKET
})

Vue.use(deviceQueries, {
  phone: 'max-width: 567px',
  tablet: 'min-width: 568px',
  mobile: 'max-width: 1024px',
  laptop: 'min-width: 1025px',
  desktop: 'min-width: 1280px',
  monitor: 'min-width: 1448px'
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')