import '../scss/main.scss'
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import { createBootstrap } from 'bootstrap-vue-next'
import { Chart as ChartJS, Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale, ArcElement, LineElement, PointElement } from 'chart.js'

ChartJS.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale, ArcElement, LineElement, PointElement)

router.beforeEach((to, from, next) => {
  if (to.meta?.label) {
    document.title = `${to.meta.label} - Budget`
  }

  next()
})

const app = createApp(App)
app.use(createBootstrap())
app.use(router)
app.mount('#app')