Check out my website:
The site is built with Gridsome, a static site generator for Vue.
If you navigate to the mobile version and try to open the Bootstrap Hamburger menu, it doesn't work as expected.
I've followed the instructions in Gridsome's documentation by setting up BootstrapVue:
No errors related to Javascript are showing up in the console.
Below is the code snippet from /src/main.js:
// Main.js file - Import global CSS and scripts here.
// The Client API can be utilized here. Find more details at gridsome.org/docs/client-
api
// Import nav
import DefaultLayout from '~/layouts/Nav.vue'
// Import footer
import Footer from '~/layouts/Footer.vue'
// Import Bootstrap
import BootstrapVue from 'bootstrap-vue'
// Import Bootstrap CSS
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap-vue/dist/bootstrap-vue.min.css'
// Import Bootstrap JS
import 'bootstrap-vue/dist/bootstrap-vue.min.js'
export default function (Vue, { router, head, isClient }) {
// Set default layout as a global component
Vue.component('Layout', DefaultLayout),
// Footer
Vue.component('Footer', Footer)
// Import bootstrap
Vue.use(BootstrapVue),
// Add google fonts
head.link.push({
rel: 'stylesheet',
href: 'https://fonts.googleapis.com/css?family=Source+Sans+Pro'
})
}