Import page components before the router instance (which uses them) instead of having the global components between them

This commit is contained in:
Kevin MacMartin 2018-05-10 23:00:06 -04:00
parent 3a260dceec
commit 1082c0f39b

View file

@ -15,12 +15,6 @@ Vue.use(Vuex);
// CSRF prevention header // CSRF prevention header
Vue.http.headers.common["X-CSRF-TOKEN"] = env.csrfToken; Vue.http.headers.common["X-CSRF-TOKEN"] = env.csrfToken;
// Import page components
import HomePage from "pages/home.vue";
import BlogPage from "pages/blog.vue";
import ContactPage from "pages/contact.vue";
import Error404Page from "pages/error404.vue";
// Import global components // Import global components
import NavSection from "sections/nav.vue"; import NavSection from "sections/nav.vue";
import FooterSection from "sections/footer.vue"; import FooterSection from "sections/footer.vue";
@ -31,6 +25,12 @@ Vue.component("nav-component", NavSection);
Vue.component("footer-component", FooterSection); Vue.component("footer-component", FooterSection);
Vue.component("lang", Lang); Vue.component("lang", Lang);
// Import page components
import HomePage from "pages/home.vue";
import BlogPage from "pages/blog.vue";
import ContactPage from "pages/contact.vue";
import Error404Page from "pages/error404.vue";
// Create a router instance // Create a router instance
const router = new VueRouter({ const router = new VueRouter({
mode: "history", mode: "history",