2020/07/13

[email protected]のcustomVariablesの設定を行いました

vuetifyvuejsnuxtjs

概要

Nuxt.jsでVuetifyを頻繁に利用しているのですが、
variables.scss が開発モードでの起動(yarn run dev)時に反映されていないことが発覚したので調査して対応しました。

修正内容

  • nuxt.config.js のプロパティの記述に不足があったため、修正を行いました。
  • ここ に記述があるのを見落としていました。
  /*
   ** vuetify module configuration
   ** https://github.com/nuxt-community/vuetify-module
   */
  vuetify: {
    customVariables: ['~/assets/variables.scss'],
    treeShake: true, // ここの行を追加しました。
    theme: {
      dark: false,
      themes: {
        light: {
          primary: '#356859',
          secondary: '#FD5523',
          accent: '#37966F',
          tertiary: '#B9E4C9',
        },
        dark: {
          primary: '#356859',
          secondary: '#FD5523',
          accent: '#37966F',
          tertiary: '#B9E4C9',
        },
      },
    },
  },

以上になります。