'How do you disable reset in vuetify?

In the 3.0.0-beta code there is a setting to disable the reset CSS

https://github.com/vuetifyjs/vuetify/blob/v3.0.0-beta.1/packages/vuetify/src/styles/generic/_reset.scss#L9

but I can't seem to disable it.

I tried vue.config.js as

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,

  pluginOptions: {
    vuetify: {
            // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vuetify-loader
        }
  },

  css: {
    loaderOptions: {
      sass: {
        additionalData: "$reset: false",
      },
      scss: {
        additionalData: `
          $reset: false;
        `
      }
    }
  }
})

And went as far as modifying src/plugins/vuetify.ts as

import "./vuetify.scss";
//import "vuetify/styles";

import { createVuetify } from "vuetify";
"vuetify/lib/iconsets/mdi-svg";

export default createVuetify({
...

with vuetify.scss as

$reset: false;
@use 'vuetify/styles/main.sass';

But it does not appear to turn it off.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source