Describe the bug
After upgrading my Electron version from 13 to 15, in order to fix Node bugs, all V-Bind() functions in CSS no longer work
To Reproduce
Steps to reproduce the behavior:
- Create default project.
- Setup component with a style that has V-Bind().
- Upgrade Electron
Expected behavior
The V-Bind() function should still work as normal
Screenshots
----- Before Updating Electron ----
CSS:

In DevTools:

Note: the variable is defined and I can hover to see the value.
---- After Updating Electron ----

Environment (please complete the following information):
- custom config for vcp-electron-builder:
Environment Info:
System:
OS: Windows 10 10.0.22621
CPU: (32) x64 13th Gen Intel(R) Core(TM) i9-13900KF
Binaries:
Node: 21.5.0 - C:\Program Files\nodejs\node.EXE
Yarn: Not Found
npm: 10.2.4 - C:\Program Files\nodejs\npm.CMD
Browsers:
Chrome: Not Found
Edge: Chromium (120.0.2210.91)
npmPackages:
@vue/babel-helper-vue-jsx-merge-props: 1.4.0
@vue/babel-helper-vue-transform-on: 1.1.5
@vue/babel-plugin-jsx: 1.1.5
@vue/babel-plugin-transform-vue-jsx: 1.4.0
@vue/babel-preset-app: 5.0.8
@vue/babel-preset-jsx: 1.4.0
@vue/babel-sugar-composition-api-inject-h: 1.4.0
@vue/babel-sugar-composition-api-render-instance: 1.4.0
@vue/babel-sugar-functional-vue: 1.4.0
@vue/babel-sugar-inject-h: 1.4.0
@vue/babel-sugar-v-model: 1.4.0
@vue/babel-sugar-v-on: 1.4.0
@vue/cli-overlay: 5.0.8
@vue/cli-plugin-babel: ~5.0.0 => 5.0.8
@vue/cli-plugin-eslint: ~5.0.0 => 5.0.8
@vue/cli-plugin-router: 5.0.8
@vue/cli-plugin-typescript: ~5.0.0 => 5.0.8
@vue/cli-plugin-vuex: 5.0.8
@vue/cli-service: ~5.0.8 => 5.0.8
@vue/cli-shared-utils: 5.0.8 (4.5.19)
@vue/compiler-core: 3.4.5
@vue/compiler-dom: 3.4.5
@vue/compiler-sfc: 3.4.5
@vue/compiler-ssr: 3.4.5
@vue/component-compiler-utils: 3.3.0
@vue/eslint-config-typescript: ^9.1.0 => 9.1.0
@vue/reactivity: 3.4.5
@vue/runtime-core: 3.4.5
@vue/runtime-dom: 3.4.5
@vue/server-renderer: 3.4.5
@vue/shared: 3.4.5
@vue/web-component-wrapper: 1.3.0
eslint-plugin-vue: ^8.0.3 => 8.7.1
typescript: ~4.5.5 => 4.5.5
vue: ^3.2.13 => 3.4.5
vue-chartjs: ^5.2.0 => 5.3.0
vue-cli-plugin-electron-builder: ~2.1.1 => 2.1.1
vue-eslint-parser: 8.3.0
vue-hot-reload-api: 2.3.4
vue-loader: ^17.4.2 => 17.4.2 (15.11.1)
vue-style-loader: 4.1.3
vue-template-es2015-compiler: 1.9.1
npmGlobalPackages:
@vue/cli: Not Found
Additional context
Downgrading back to Electron 13 fixes it but is not an option.
Describe the bug
After upgrading my Electron version from 13 to 15, in order to fix Node bugs, all V-Bind() functions in CSS no longer work
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The V-Bind() function should still work as normal
Screenshots


----- Before Updating Electron ----
CSS:
In DevTools:
Note: the variable is defined and I can hover to see the value.
---- After Updating Electron ----

Environment (please complete the following information):
Environment Info:
System:
OS: Windows 10 10.0.22621
CPU: (32) x64 13th Gen Intel(R) Core(TM) i9-13900KF
Binaries:
Node: 21.5.0 - C:\Program Files\nodejs\node.EXE
Yarn: Not Found
npm: 10.2.4 - C:\Program Files\nodejs\npm.CMD
Browsers:
Chrome: Not Found
Edge: Chromium (120.0.2210.91)
npmPackages:
@vue/babel-helper-vue-jsx-merge-props: 1.4.0
@vue/babel-helper-vue-transform-on: 1.1.5
@vue/babel-plugin-jsx: 1.1.5
@vue/babel-plugin-transform-vue-jsx: 1.4.0
@vue/babel-preset-app: 5.0.8
@vue/babel-preset-jsx: 1.4.0
@vue/babel-sugar-composition-api-inject-h: 1.4.0
@vue/babel-sugar-composition-api-render-instance: 1.4.0
@vue/babel-sugar-functional-vue: 1.4.0
@vue/babel-sugar-inject-h: 1.4.0
@vue/babel-sugar-v-model: 1.4.0
@vue/babel-sugar-v-on: 1.4.0
@vue/cli-overlay: 5.0.8
@vue/cli-plugin-babel: ~5.0.0 => 5.0.8
@vue/cli-plugin-eslint: ~5.0.0 => 5.0.8
@vue/cli-plugin-router: 5.0.8
@vue/cli-plugin-typescript: ~5.0.0 => 5.0.8
@vue/cli-plugin-vuex: 5.0.8
@vue/cli-service: ~5.0.8 => 5.0.8
@vue/cli-shared-utils: 5.0.8 (4.5.19)
@vue/compiler-core: 3.4.5
@vue/compiler-dom: 3.4.5
@vue/compiler-sfc: 3.4.5
@vue/compiler-ssr: 3.4.5
@vue/component-compiler-utils: 3.3.0
@vue/eslint-config-typescript: ^9.1.0 => 9.1.0
@vue/reactivity: 3.4.5
@vue/runtime-core: 3.4.5
@vue/runtime-dom: 3.4.5
@vue/server-renderer: 3.4.5
@vue/shared: 3.4.5
@vue/web-component-wrapper: 1.3.0
eslint-plugin-vue: ^8.0.3 => 8.7.1
typescript: ~4.5.5 => 4.5.5
vue: ^3.2.13 => 3.4.5
vue-chartjs: ^5.2.0 => 5.3.0
vue-cli-plugin-electron-builder: ~2.1.1 => 2.1.1
vue-eslint-parser: 8.3.0
vue-hot-reload-api: 2.3.4
vue-loader: ^17.4.2 => 17.4.2 (15.11.1)
vue-style-loader: 4.1.3
vue-template-es2015-compiler: 1.9.1
npmGlobalPackages:
@vue/cli: Not Found
Additional context
Downgrading back to Electron 13 fixes it but is not an option.