[Nuxt/CSS] 只讓特定 page 或 layout 載入指定樣式 (bootstrap)

來源 https://stackoverflow.com/questions/44541872/changing-body-styles-in-vue-router
https://forum.vuejs.org/t/how-do-i-add-remove-classes-to-body/1219

因A專案沒有使用 bootstrap，
現在要直接在 A 專案資料夾中增加 B 專案，但要使用 BS，
且 url 為空時要預設轉導向 B 首頁
造成 A 專案會被 BS 蓋掉

解法:
B 專案的主 page
@import BS

( 這時如果沒有轉導向不會蓋掉 )

router 設定轉導後，
B 專案的主 page 改成
body.useBS{ @import BS }


B 專案的主 layout
beforeCreate () {
  document.body.className = 'useBS'
}