@tooltwist/vue-contentservice/src/testapp/main.js

VueJS plugin for contentservice.io

import Vue from 'vue'

import TestHomePage from './TestHomePage.vue'
import TestLayoutFixed from './TestLayoutFixed.vue'
import TestLayoutFixedLeft from './TestLayoutFixedLeft.vue'
import TestLayoutLong from './TestLayoutLong.vue'
import TestLayoutLongLeft from './TestLayoutLongLeft.vue'
import TestCrowdhoundLong from './TestCrowdhoundLong.vue'


import FroalaKey from './protected-config/froalaKey.js'
console.error(`FroalaKey is ${FroalaKey}`)

Vue.config.productionTip = false

// Content Service
import ContentServiceModule from '../components/index.js'
console.error(`ContentServiceModule=`, ContentServiceModule)
let ContentService = ContentServiceModule


const options = {
  protocol: 'http',
  host: 'uat.crowdhound.io',
  port: 80,
  version: '2.0',
  apikey: 'API10O0X1NS8FWUTO3FXKN15ZOR09',
  froalaActivationKey: FroalaKey
}
Vue.use(ContentService, options);

ContentService.store

// import mySCSS from '../assets/css/vue-contentservice.scss'
import mySCSS from './contentservice+overrides.scss'
import Bulma from 'bulma'
import EditorIcons from '../assets/css/icons-for-dev.scss'
// import Z817662 from '../assets/css/vue-contentservice.scss'


// Now run the site
new Vue({
  render (h) {
    let currentRoute = window ? window.location.pathname : '/'
    console.log(`Route is ${currentRoute}.`)
    switch (currentRoute) {
      case '/layout-long': return h(TestLayoutLong)
      case '/layout-long-left': return h(TestLayoutLongLeft)
      case '/layout-fixed': return h(TestLayoutFixed)
      case '/layout-fixed-left': return h(TestLayoutFixedLeft)

      case '/crowdhound-long': return h(TestCrowdhoundLong)
      // case '/crowdhound-long-left': return h(TestCrowdhoundLongLeft)
      // case '/crowdhound-fixed': return h(TestCrowdhoundFixed)
      // case '/crowdhound-fixed-left': return h(TestCrowdhoundFixedLeft)
    }
    return h(TestHomePage)
  },
  store: ContentService.store
}).$mount('#app')