import Vue from "vue";
import App from "./App.vue";
import "bootstrap";
import "bootstrap/dist/css/bootstrap.min.css";
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
import Vuex from 'vuex'
import VueRouter from "vue-router";
import { routes } from "./routes";

Vue.config.productionTip = false;
Vue.use(Vuex)
Vue.use(BootstrapVue);
Vue.use(IconsPlugin);
Vue.use(VueRouter);

const router = new VueRouter({
  routes
});

const store = new Vuex.Store({
  state: {
    selectNav: "EditarLibro", 
  },
  mutations: {
    cambiarNav (state, selectNav) {
      state.selectNav = selectNav
    }
  
  }
})

new Vue({
  el: "#app",
  render: h => h(App),
  router,
  store: store,
});