import Vue from 'vue'
import App from './App.vue'

import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

import { VBPopover } from 'bootstrap-vue/es/directives'

import { BLink } from 'bootstrap-vue'
Vue.component('b-link', BLink)

import VueRouter from 'vue-router'
// Note: Vue automatically prefixes the directive name with 'v-'
Vue.directive('b-popover', VBPopover)

import SplashPage from './components/SplashPage'
import AboutPage from './components/AboutPage'
import EditorNote from './components/EditorNote'
import leekpilaf from './components/edition1/leekpilaf'
import eggs from './components/edition1/eggs'
import breakfast from './components/edition1/breakfast'
import pesto from './components/edition1/pesto'
import bbq from './components/edition1/bbq'
import cake from './components/edition1/cake'
import cart from './components/edition1/cart'
import noodles from './components/edition1/noodles'
import onion from './components/edition1/onion'
import pretzel from './components/edition1/pretzel'
import recipe from './components/edition1/recipe'
import ricecooker from './components/edition1/ricecooker'
import scooter from './components/edition1/scooter'
import OpenCallPage from './components/OpenCallPage'
import SecondEditionPage from './components/SecondEditionPage'
import EditorNote2 from './components/EditorNote2'
import knife from './components/edition2/knife'
import simmered from './components/edition2/simmered'
import soulsoup from './components/edition2/soulsoup'
import phone from './components/edition2/phone'
import whatwecan from './components/edition2/whatwecan'
import lychee from './components/edition2/lychee'
import anise from './components/edition2/anise'
import Order from './components/Order'
import Issues from './components/Issues'
import twoberries from './components/edition3/twoberries'
import mittens from './components/edition3/mittens'
import threeeggs from './components/edition3/threeeggs'
import olives from './components/edition3/olives'
import bananas from './components/edition3/bananas'
import popcorn from './components/edition3/popcorn'
import potato from './components/edition3/potato'
import vodka from './components/edition3/vodka'
import workfromhome from './components/edition3/workfromhome'
import bowl from './components/edition3/bowl'
import EditorNote3 from './components/edition3/EditorNote3'
import ThirdEdition from './components/ThirdEdition'
import colophon3 from './components/edition3/colophon3'





Vue.config.productionTip = false

Vue.use(BootstrapVue)
Vue.use(VueRouter)

const router = new VueRouter({
  mode: 'history',
  routes: [
    { path: '/', component: SecondEditionPage },
    { path: '/about', component: AboutPage },
    { path: '/editornote', component: EditorNote2 },
    { path: '/leekpilaf', component: leekpilaf },
    { path: '/breakfast', component: breakfast },
    { path: '/pesto', component: pesto },
    { path: '/bbq', component: bbq },
    { path: '/cake', component: cake },
    { path: '/cart', component: cart },
    { path: '/noodles', component: noodles },
    { path: '/onion', component: onion },
    { path: '/pretzel', component: pretzel },
    { path: '/recipe', component: recipe },
    { path: '/ricecooker', component: ricecooker },
    { path: '/scooter', component: scooter },
    { path: '/eggs', component: eggs },
    { path: '/opencall', component: OpenCallPage },
    { path: '/secondissue', component: SecondEditionPage },
    { path: '/firstissue', component: SplashPage },
    { path: '/editornote1', component: EditorNote },
    { path: '/knife', component: knife },
    { path: '/simmered', component: simmered },
    { path: '/soulsoup', component: soulsoup },
    { path: '/phone', component: phone },
    { path: '/whatwecan', component: whatwecan },
    { path: '/lychee', component: lychee },
    { path: '/anise', component: anise },
    { path: '/order', component: Order },
    { path: '/issues', component: Issues },
    { path: '/twoberries', component: twoberries },
    { path: '/mittens', component: mittens },
    { path: '/threeeggs', component: threeeggs },
    { path: '/olives', component: olives },
    { path: '/bananas', component: bananas },
    { path: '/popcorn', component: popcorn },
    { path: '/potato', component: potato },
    { path: '/vodka', component: vodka },
    { path: '/workfromhome', component: workfromhome },
    { path: '/bowl', component: bowl },
    { path: '/EditorNote3', component: EditorNote3 },
    { path: '/thirdedition', component: ThirdEdition },
    { path: '/colophon3', component: colophon3 }

  ]

})

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