please advice on migration to CSS-in-JS with ant v4

[igorfraa]

• [ yes ] I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

I've setup my vue.config.ts as per migration documentation.
I have a simple snippet for style override:

@import "~ant-design-vue/lib/input/style/index.less";

.ant-input-not-disabled:disabled {
.ant-input;
}

How should it look with new ant? Importing from "ant-design-vue/lib/input/style/index.js" obscurely fails despite
javascriptEnabled: true, in loader config

Module build failed (from ./node_modules/less-loader/dist/cjs.js):
"use strict";
^
Unrecognised input

What does the proposed API look like?

A bit of helper documentation would be fine

[selicens]

If it is to cover the style, then combining the deep attribute within the style is sufficient

[selicens]

https://www.antdv.com/docs/vue/migration-v4-cn

[igorfraa]

@selicens as far as I can understand Chinese, I should dive deeper in the subject.

However, the reason behind my question is a bit of trust for people can point me whatever is css-in-js and how it can be dealt with.

thank you for understanding.

[selicens]

https://www.antdv.com/docs/vue/migration-v4
css-in-js does not require the introduction of CSS files, and its style is included in JavaScript. If you need to overwrite it, you can achieve the goal by using deep in the style tag of Vue

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.