jrutila / nuxt3-vuetify3-bug

Reproduce repository for Nuxt3 & Vuetify3 bug

Nuxt 3 and Vuetify 3 bug reproduce

This repo will show two problems:

• Warnings about missing sourcemaps
• Really long vite warm up

More discussion related to this here: vuetifyjs/vuetify-loader#290

The goal is to get to use SASS variables for Vuetify 3: https://vuetifyjs.com/en/features/sass-variables/

Setup

# npm
npm install

Reproduce

Start the development server on http://localhost:3000

npm run dev

Assert

Lots of Warnings about missing sourcemaps and long vite warmup.

Go to nuxt.config.ts and comment out the styles-line, like this:

  hooks: {
    'vite:extendConfig': config => {
      config.plugins.push(
        vuetify({
          // styles: { configFile: 'assets/settings.scss' },
        })
      )
    },
  },

Now there's no warnings and the warm up is as fast as it should be.