Nuxt.jsでSCSSを使うとき、グローバルの変数を使う
コンポーネントやページでいちいち変数ファイルの依存を追加するのが面倒なので。
どこでも使えるように設定します。
依存ライブラリの追加
yarn add -D @nuxtjs/style-resources
変数定義 SCSS の用意
今回は~/assets/css/variables.scssに作成しました。
// Import Bulma's core
@import '~bulma/sass/utilities/_all';