refactor: separate SimpleSwitch component using Vue SFC (#1033) #622

New Issue

MrUnknownDE · 2026-04-05T16:21:59+02:00

MrUnknownDE commented

2026-04-05 16:21:59 +02:00

Originally created by @Map1en on 12/27/2024

Separate SimpleSwitch Component Using Vue SFC

Separate the SimpleSwitch component from the existing Pug mixin.
The Pug mixin was difficult to use and could not handle complex parameters or cover various possibilities, thus the switch to Vue SFC.

Separate Default Theme Styles

Separate the default theme styles into the component file.
Other themes will continue to use CSS for overrides.
This approach ensures that app.scss can be split without issues.

Root Component Assignment Operations

Currently, there is only one root component, so various assignment operations still need to be placed in the root component's methods.
If the overall setting component is separated in the future, some data might also be separated.

Added Required Packages

Added vue-loader and vue-template-compiler, which are necessary packages for using SFC.

#1033

*Originally created by @Map1en on 12/27/2024* 1. Separate SimpleSwitch Component Using Vue SFC - Separate the SimpleSwitch component from the existing Pug mixin. - The Pug mixin was difficult to use and could not handle complex parameters or cover various possibilities, thus the switch to Vue SFC. 2. Separate Default Theme Styles - Separate the default theme styles into the component file. - Other themes will continue to use CSS for overrides. - This approach ensures that app.scss can be split without issues. 3. Root Component Assignment Operations - Currently, there is only one root component, so various assignment operations still need to be placed in the root component's methods. - If the overall setting component is separated in the future, some data might also be separated. 4. Added Required Packages - Added vue-loader and vue-template-compiler, which are necessary packages for using SFC. > #1033

MrUnknownDE closed this issue

2026-04-05 16:21:59 +02:00

Sign in to join this conversation.

No Label

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/VRCX#622