Skip to content

[Bug Report][3.11.0] $kbd-* SCSS variables overrides causing build fail #22372

@Zloooy

Description

@Zloooy

Environment

Vuetify Version: 3.11.0
Vue Version: 3.5.21
OS: Windows 10 (current)

Steps to reproduce

  1. Create project with npm create vuetify@latest with sass support
  2. In src/styles/settings.scss add @use "vuetify/settings" with ( $kbd-border-radius: 3px );
  3. Run npm run build

Expected Behavior

Successful build

Actual Behavior

Getting an error:
[plugin:vite:css] [sass] Error: This module was already loaded, so it can't be configured using "with".

Reproduction Link

https://github.com/Zloooy/vuetify-kbd-scss-bug-reproduction

Other comments

Live preview: https://codesandbox.io/p/github/Zloooy/vuetify-kbd-scss-bug-reproduction/master

Images

Metadata

Metadata

Assignees

Labels

C: VHotkeyT: bugFunctionality that does not work as intended/expected

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions